Create a function called "insertEvent" that will insert a new event on a specified date

Question

Create a function called "insertEvent" that will insert a new event on a specified date

Below is the data structure for storing affairs according to years, months, and days:

let affairs = {
    2018: {
        11: {
            29: ['task111', 'task112', 'task113'],
            30: ['task121', 'task122', 'task123'],
        },
        12: {
            30: ['task211', 'task212', 'task213'],
            31: ['task221', 'task222', 'task223'],
        },
    },
    2019: {
        12: {
            29: ['task311', 'task312', 'task313'],
            30: ['task321', 'task322', 'task323'],
            31: ['task331', 'task332', 'task333'],
        }
    },
}

Create a function called addAffair that will add a new affair on a specified date.

Here is the incorrect solution:

addAffair(2020, 10, 21, 'affair111')
console.log(affairs)

function addAffair(year, month, day, affair){
  if(affairs[year]===undefined){
    affairs[year]={}
  }

  if(affairs[year][month]===undefined){
    affairs[month]={}
  }

  if(affairs[year][month][day]===undefined){
    affairs[day]=[]
  }

  affairs[year][month][day].push(affair)
}

The error displayed in the console is :

TypeError: Cannot read property '21' of undefined at addAffair (/script.js:36:26) at /script.js:24:1

Please assist in identifying the mistake.

javascript arrays function object

Answer 1

Answer №1

As you embark on creating a new object, it's important to remember that you are not simply creating a sub-object of the year object. Instead, all your new objects should be at the same level, like this:

{
    2018: {}
    11: {}
    21: []
}

To properly nest your new object or array, ensure that you are creating them inside the previously created one.

addAffair(2020, 10, 21, 'affair111');
console.log(affairs);

function addAffair(year, month, day, affair){
  if(!affairs.hasOwnProperty(year)){
    affairs[year]={};
  }

  if(!affairs[year].hasOwnProperty(month)){
    affairs[year][month]={};
  }

  if(!affairs[year][month].hasOwnProperty(day)){
    affairs[year][month][day]=[];
  }

  affairs[year][month][day].push(affair);

}

An alternative approach is to use hasOwnProperty instead of === undefined. This small change can enhance the readability and understanding of your code.

Answer 2

As you embark on creating a new object, it's important to remember that you are not simply creating a sub-object of the year object. Instead, all your new objects should be at the same level, like this:

{
    2018: {}
    11: {}
    21: []
}

To properly nest your new object or array, ensure that you are creating them inside the previously created one.

addAffair(2020, 10, 21, 'affair111');
console.log(affairs);

function addAffair(year, month, day, affair){
  if(!affairs.hasOwnProperty(year)){
    affairs[year]={};
  }

  if(!affairs[year].hasOwnProperty(month)){
    affairs[year][month]={};
  }

  if(!affairs[year][month].hasOwnProperty(day)){
    affairs[year][month][day]=[];
  }

  affairs[year][month][day].push(affair);

}

An alternative approach is to use hasOwnProperty instead of === undefined. This small change can enhance the readability and understanding of your code.

Create a function called "insertEvent" that will insert a new event on a specified date

Answer №1

Similar questions

Clicking on the image in an owl carousel slider does not trigger the onsen template page to load

Setting the selected value of a static select menu in Angular 2 form

Exploring the potential of utilizing records within deepstream.io

Eliminating unnecessary gaps caused by CSS float properties

The addition of meshes in real-time leads to a decrease in control responsiveness

How can I ensure that reactive form fields are properly validated in Angular2?

Creating seamless transitions between pages using hyperlinks

Detecting Image Loading with Javascript

Error message encountered: "Node.js Object [object Object] does not support the method"

Error: The post method in $setup is not defined in Vue Composition API

Steps for removing the console warning message: "The use of enableRowSelect has been deprecated. Instead, please utilize rowSelection."

What steps can I take to troubleshoot the 'Uncaught DOMException: failed to execute add on DOMTokenList' error?

What is the process to retrieve the username from my system and display it in a web browser?

What is the best way to include a MongoDB match argument when it is received from the frontend, and to exclude it if it is not provided?

Adding color dynamically to text within ion-card based on a regex pattern

Obtain the accurate sequence of tr elements in the form of a jQuery object

Manipulate jQuery to set the table row containing empty table data cells to be lower than the row with

Getting Started with Parsing JSON Objects in ReactJS

Did you receive an incorrect solution for the inverse permutation problem on Codesignal?

The share-modal.js file is throwing an error because it is unable to read properties of null, particularly the 'addEventListener' property, at