Resolved: Adding a function to add new objects and properties in javascript

Question:

Am stuck trying to add a function to add a new object to a const in javascript

const phonebook = {
  "Lily": {
    mobile: "+16235554420",
    work: "+12445552374",
    home: "+19775552223"
  },
  "Kyle, el hermano de Tim": {
    mobile: "+4235555616"
  }
};


function addPhoneNumber(name, numberType, number) {
  // write your code here
}
// when the function is ready, add the phone number of  xx
addPhoneNumber("Stephanie Noland", "mobile", "+4235555212");

console.log(phonebook["Stephanie Noland"].mobile); // "+4235555212"

I am aware that I can initiate a new object via

phonebook[name] = {}

But other than that I have trouble understanding how to add properties on that new object.
Normally a simple:

phonebook[name] = name,
phonebook[numberType] = numberType,
phonebook[number] = number

But that approach would only generate the following which is not what I need:

const phonebook = {
    mobile: "+16235554420",
    work: "+12445552374",
    home: "+19775552223"

As I need those to be under new objects with the name variable.

Answer:

Since it is objects inside objects, you can use [name][mobile] to access the mobile property of the corresponding name. When creating a new name, you have to use if-else conditions to first check if it exists. Note that [numberType] is used to create a dynamic key (where it creates a key with name as value of numberType).

const phonebook = {
  "Lily": {
    mobile: "+16235554420",
    work: "+12445552374",
    home: "+19775552223"
  },
  "Kyle, el hermano de Tim": {
    mobile: "+4235555616"
  }
};


function addPhoneNumber(name, numberType, number) {
  //if the name of person exists, then add the number to existing object
  if (phonebook[name]) {
    phonebook[name][numberType] = number;
  } 
  //else create a new object with the key as name of the person, and initialize it given number
  else {
    phonebook[name] = {
      [numberType]: number
    };
  }
}

// when the function is ready, add the phone number of  xx
addPhoneNumber("Stephanie Noland", "mobile", "+4235555212");

console.log(phonebook["Stephanie Noland"].mobile); // "+4235555212"

If you have better answer, please add a comment about this, thank you!

Resolved: Adding a function to add new objects and properties in javascript

Resolved: correct policy to get secrets on local go app

Resolved: Vue 3 watchEffect dependency tracking after asynchronous code

Resolved: Watching state object in pinia doesn’t fire when object changes

Leave A Reply