Verify the presence of the item within the array that is nested

Question

Verify the presence of the item within the array that is nested

I have the following JSON data

const data = {
    rooms: [
        {
            roomId: 1,
            schedules: [
                { home1: "06:00", dayOfWeek: 1, away: "21:30" },
                { home1: "06:05", dayOfWeek: 2, away: "22:30" }
            ]
        },
        {
            roomId: 2,
            schedules: [
                { home1: "06:00", dayOfWeek: 4, away: "21:30" },
                { home1: "06:05", dayOfWeek: 5, away: "22:30" }
            ]
        }
    ]
}

My goal is to add elements for the missing dayOfWeek within the schedules array of both rooms.

This is the desired output:

const finalOutput = [
    //for room 1
    { home1: "00:00", dayOfWeek: 3, away: "02:30", roomId: 1 },
    { home1: "00:00", dayOfWeek: 4, away: "02:30", roomId: 1 },
    { home1: "00:00", dayOfWeek: 5, away: "02:30", roomId: 1 },
    { home1: "00:00", dayOfWeek: 6, away: "02:30", roomId: 1 },
    { home1: "00:00", dayOfWeek: 7, away: "02:30", roomId: 1 },
    //for room 2
    { home1: "00:00", dayOfWeek: 1, away: "02:30", roomId: 2 },
    { home1: "00:00", dayOfWeek: 2, away: "02:30", roomId: 2 },
    { home1: "00:00", dayOfWeek: 3, away: "02:30", roomId: 2 },
    { home1: "00:00", dayOfWeek: 6, away: "02:30", roomId: 2 },
    { home1: "00:00", dayOfWeek: 7, away: "02:30", roomId: 2 },
]

I attempted to loop over the rooms array as follows

const finalOutput = []
rooms.map((room) => {
    room.schedules.map((schedule) => {
        finalOutput.push(schedule)
    })
})

However, I am unsure how to identify and add the missing dayOfWeek values. Any assistance would be greatly appreciated. Thank you!

javascript arrays loops lodash

Answer 1

Answer №1

Unique solution for ES6:

const data = { rooms: [{ roomId: 1, schedules: [{ home1: "06:00", dayOfWeek: 1, away: "21:30", roomId: 1 }, { home1: "06:05", dayOfWeek: 2, away: "22:30", roomId: 1 } ] }, { roomId: 2, schedules: [{ home1: "06:00", dayOfWeek: 4, away: "21:30", roomId: 2 }, { home1: "06:05", dayOfWeek: 5, away: "22:30", roomId: 2 } ] } ] }

const getSchedules = (room) => {
  let weekDays = [...Array(8).keys()]
  weekDays.shift()
  let days = weekDays.filter(x => !room.schedules.some(y => y.dayOfWeek == x))
  return days.map(y => ({ home1: "00:00", dayOfWeek: y, away: "02:30", roomId: room.roomId }))
}

console.log(data.rooms.reduce((r,c) => (r.push(...getSchedules(c)), r), [])

Lodash version with unique touch:

const data = { rooms: [{ roomId: 1, schedules: [{ home1: "06:00", dayOfWeek: 1, away: "21:30", roomId: 1 }, { home1: "06:05", dayOfWeek: 2, away: "22:30", roomId: 1 } ] }, { roomId: 2, schedules: [{ home1: "06:00", dayOfWeek: 4, away: "21:30", roomId: 2 }, { home1: "06:05", dayOfWeek: 5, away: "22:30", roomId: 2 } ] } ] }

const getSchedules = (room) => {
  let days = _.difference(_.range(1,8), _.map(room.schedules, 'dayOfWeek'))
  return days.map(y => ({ home1: "00:00", dayOfWeek: y, away: "02:30", roomId: room.roomId }))
}
console.log(_.reduce(data.rooms, (r,c) => (r.push(...getSchedules(c)), r), [])

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js"></script>

The strategy involves utilizing the difference between the range of 1...7 and the current days in each room.schedule. This is achieved through a unique approach in both ES6 and Lodash versions, enhancing the overall outcome.

Answer 2

Unique solution for ES6:

const data = { rooms: [{ roomId: 1, schedules: [{ home1: "06:00", dayOfWeek: 1, away: "21:30", roomId: 1 }, { home1: "06:05", dayOfWeek: 2, away: "22:30", roomId: 1 } ] }, { roomId: 2, schedules: [{ home1: "06:00", dayOfWeek: 4, away: "21:30", roomId: 2 }, { home1: "06:05", dayOfWeek: 5, away: "22:30", roomId: 2 } ] } ] }

const getSchedules = (room) => {
  let weekDays = [...Array(8).keys()]
  weekDays.shift()
  let days = weekDays.filter(x => !room.schedules.some(y => y.dayOfWeek == x))
  return days.map(y => ({ home1: "00:00", dayOfWeek: y, away: "02:30", roomId: room.roomId }))
}

console.log(data.rooms.reduce((r,c) => (r.push(...getSchedules(c)), r), [])

Lodash version with unique touch:

const data = { rooms: [{ roomId: 1, schedules: [{ home1: "06:00", dayOfWeek: 1, away: "21:30", roomId: 1 }, { home1: "06:05", dayOfWeek: 2, away: "22:30", roomId: 1 } ] }, { roomId: 2, schedules: [{ home1: "06:00", dayOfWeek: 4, away: "21:30", roomId: 2 }, { home1: "06:05", dayOfWeek: 5, away: "22:30", roomId: 2 } ] } ] }

const getSchedules = (room) => {
  let days = _.difference(_.range(1,8), _.map(room.schedules, 'dayOfWeek'))
  return days.map(y => ({ home1: "00:00", dayOfWeek: y, away: "02:30", roomId: room.roomId }))
}
console.log(_.reduce(data.rooms, (r,c) => (r.push(...getSchedules(c)), r), [])

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.10/lodash.min.js"></script>

The strategy involves utilizing the difference between the range of 1...7 and the current days in each room.schedule. This is achieved through a unique approach in both ES6 and Lodash versions, enhancing the overall outcome.

Answer 3

Answer №2

If you want to create an array representing all the days of the week and filter it based on whether a specific day exists in your schedules array, follow these steps:

Firstly, go through the filtered array and construct your objects accordingly:

const info = {details: [{detailId: 1,schedules: [{ home1: "06:00", dayOfWeek: 1, away: "21:30" },{ home1: "06:05", dayOfWeek: 2, away: "22:30" }]},{detailId: 2,schedules: [{ home1: "06:00", dayOfWeek: 4, away: "21:30" },{ home1: "06:05", dayOfWeek: 5, away: "22:30" }]}]}

const daysOfWeek = [1, 2, 3, 4, 5, 6, 7]
const format =  { home1: "00:00", away: "02:30", }

const detailsInfo = info.details.reduce((arr, {detailId, schedules}) => {
  // Identify missing days that are not present in the schedules
  let absent = daysOfWeek.filter(day => !schedules.find(s => s.dayOfWeek == day ))
  return arr.concat( ... absent.map(d => Object.assign({}, format, {dayOfWeek: d,detail: detailId})))
        
}, [])
console.log(detailsInfo)

Answer 4

If you want to create an array representing all the days of the week and filter it based on whether a specific day exists in your schedules array, follow these steps:

Firstly, go through the filtered array and construct your objects accordingly:

const info = {details: [{detailId: 1,schedules: [{ home1: "06:00", dayOfWeek: 1, away: "21:30" },{ home1: "06:05", dayOfWeek: 2, away: "22:30" }]},{detailId: 2,schedules: [{ home1: "06:00", dayOfWeek: 4, away: "21:30" },{ home1: "06:05", dayOfWeek: 5, away: "22:30" }]}]}

const daysOfWeek = [1, 2, 3, 4, 5, 6, 7]
const format =  { home1: "00:00", away: "02:30", }

const detailsInfo = info.details.reduce((arr, {detailId, schedules}) => {
  // Identify missing days that are not present in the schedules
  let absent = daysOfWeek.filter(day => !schedules.find(s => s.dayOfWeek == day ))
  return arr.concat( ... absent.map(d => Object.assign({}, format, {dayOfWeek: d,detail: detailId})))
        
}, [])
console.log(detailsInfo)

Answer 5

Answer №3

Check out this code snippet

const data = {
    rooms: [
        {
            roomId: 1,
            schedules: [
                { home1: "06:00", dayOfWeek: 1, away: "21:30" },
                { home1: "06:05", dayOfWeek: 2, away: "22:30" }
            ]
        },
        {
            roomId: 2,
            schedules: [
                { home1: "06:00", dayOfWeek: 4, away: "21:30" },
                { home1: "06:05", dayOfWeek: 5, away: "22:30" }
            ]
        }
    ]
}
let output = []
for (let room of data.rooms) {
  let days = []
  room.schedules.map(s => days.push(parseInt(s.dayOfWeek)))
  days = new Set(days)
  for(let i = 1; i <= 7; i++) {
    if(!days.has(i)) output.push({ 'home1': '00:00', 'dayOfWeek': i, 'away': '02:30', 'roomId': room.roomId })
  }
}
console.log(output)

Answer 6

Check out this code snippet

const data = {
    rooms: [
        {
            roomId: 1,
            schedules: [
                { home1: "06:00", dayOfWeek: 1, away: "21:30" },
                { home1: "06:05", dayOfWeek: 2, away: "22:30" }
            ]
        },
        {
            roomId: 2,
            schedules: [
                { home1: "06:00", dayOfWeek: 4, away: "21:30" },
                { home1: "06:05", dayOfWeek: 5, away: "22:30" }
            ]
        }
    ]
}
let output = []
for (let room of data.rooms) {
  let days = []
  room.schedules.map(s => days.push(parseInt(s.dayOfWeek)))
  days = new Set(days)
  for(let i = 1; i <= 7; i++) {
    if(!days.has(i)) output.push({ 'home1': '00:00', 'dayOfWeek': i, 'away': '02:30', 'roomId': room.roomId })
  }
}
console.log(output)

Answer 7

Answer №4

If you want to manipulate arrays in JavaScript, consider using a combination of functions like Array.prototype.reduce(), Array.prototype.concat(), Array.prototype.filter(), Array.prototype.find() and Array.prototype.map().

Here's an example code snippet demonstrating these functions:

const data = {rooms: [{roomId: 1,schedules: [{ home1: "06:00", dayOfWeek: 1, away: "21:30" },{ home1: "06:05", dayOfWeek: 2, away: "22:30" }]},{roomId: 2,schedules: [{ home1: "06:00", dayOfWeek: 4, away: "21:30" },{ home1: "06:05", dayOfWeek: 5, away: "22:30" }]}]}
const finalOuput = data.rooms.reduce((a, c) => a.concat(
  [1, 2, 3, 4, 5, 6, 7]
    .filter(d => !c.schedules.find(s => s.dayOfWeek === d))
    .map(availableDay => ({
      roomId: c.roomId,
      home1: '00:00',
      dayOfWeek: availableDay,
      away: '02:30'
    }))
), []);

console.log(finalOuput);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 8

If you want to manipulate arrays in JavaScript, consider using a combination of functions like Array.prototype.reduce(), Array.prototype.concat(), Array.prototype.filter(), Array.prototype.find() and Array.prototype.map().

Here's an example code snippet demonstrating these functions:

const data = {rooms: [{roomId: 1,schedules: [{ home1: "06:00", dayOfWeek: 1, away: "21:30" },{ home1: "06:05", dayOfWeek: 2, away: "22:30" }]},{roomId: 2,schedules: [{ home1: "06:00", dayOfWeek: 4, away: "21:30" },{ home1: "06:05", dayOfWeek: 5, away: "22:30" }]}]}
const finalOuput = data.rooms.reduce((a, c) => a.concat(
  [1, 2, 3, 4, 5, 6, 7]
    .filter(d => !c.schedules.find(s => s.dayOfWeek === d))
    .map(availableDay => ({
      roomId: c.roomId,
      home1: '00:00',
      dayOfWeek: availableDay,
      away: '02:30'
    }))
), []);

console.log(finalOuput);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Verify the presence of the item within the array that is nested

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

Troubleshooting: Unable to delete data using $http in AngularJS

React - utilizing dynamic properties using string values

Exploring Style Attribute Manipulation using vanilla JavaScript on Firefox

Observe the input value that has been entered

Efficiently running multiple PHP pages with just one simple click

How to decrypt a file with aes-256-cbc in node.js when the IV is undefined

Utilizing Angular Components Across Various Layers: A Guide

CSS - Discovering the reason behind the movement of text post generation (animation)

What is the best way to verify identical array elements in php?

Exploring the depths of Rx.ReplaySubject: Techniques for delaying the `next()` event

Troubles encountered with the onclick event handling

Changing a number from 0 to 1 in a field using AngularJS (HTML5)

Sequelize: Establishing multiple connections

I am puzzled as to why the number displayed by my array_sum function is incorrect

Leveraging the identical data synchronously within the same useEffect block

Combining Socket.io with AJAX for real-time web applications

What's the most effective method for updating the title of the date header on MUI Date Picker?

Unable to show information within input field

What is the method for adding a new value to an array stored in a data attribute using square brackets around a text input?

Tips for implementing an HTML modal with AngularJS binding for a pop up effect