js object update nested objects

Question

Here is my JSON:

{
  "language": "eng",
  "plugins": {
    "search": false,
    "import-xml": false,
    "export-xml": false,
    "import-pdf": false,
    "export-pdf": false
  },
  "tabs": {
    "general": {
      "arm": "Գլխավոր",
      "rus": "Главный",
      "eng": "General",
      "documentTitle": {
        "arm": "Փաստաթղթի Անվանումը",
        "rus": "Заголовок Документа",
        "eng": "Document Title"
      },
      "sections": {
        "14656691": {
          "type": "field-section",
          "title": "",
          "elements": {
          },
          "collapse": false
        },
        "06558184": {
          "type": "table-section",
          "title": "",
          "elements": {
          },
          "collapse": false
        }
      }
    },
    "custom-19588079": {
      "arm": "Custom",
      "rus": "Custom",
      "eng": "Custom",
      "documentTitle": {
        "arm": "Փաստաթղթի Անվանումը",
        "rus": "Заголовок Документа",
        "eng": "Document Title"
      },
      "sections": {
      }
    }
  }
}

For example I want to add new object in general sections object. How can I do it?

I tried to do something like this, but it doesn't work properly:

let config = {} (my object);

config = {...config.general.sections, ...{new object}}

but config result is config.general.sections object.

Why is that surprising? You're explicitly replacing config with a shallow copy of config.general.sections plus whatever's in "new object". — jonrsharpe
– jonrsharpe, Commented May 15, 2020 at 17:04
Update it as config.tabs.general.sections = {...config.tabs.general.sections, ...{new object}} — Vikas Keskar
– Vikas Keskar, Commented May 15, 2020 at 17:05
How about Object.assign(config.tabs.general.sections, newObject)? — terrymorse
– terrymorse, Commented May 15, 2020 at 17:10
same result the problem is in localStorage that json is on localStorage — Aram Mkrtchyan
– Aram Mkrtchyan, Commented May 15, 2020 at 17:13

Nicolas Parra · Accepted Answer · 2020-05-15 17:16:36Z

0

try to do this:

let config = {} (my object);
let newObject = {"newKey":"newValue"};
config.general.newSection = newObject;
console.log(config);

Or try this:

let config = {} (my object);
let newObject = {"newKey":"newValue"};
config['general']['newSection'] = newObject;
console.log(config);

I home it's works

answered May 15, 2020 at 17:16

Nicolas Parra

431 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

olsydko · Accepted Answer · 2020-05-15 18:03:08Z

0

There is a simple way, to merge with a new section and to reassign it:

config.tabs.general.sections = {
  ...config.tabs.general.sections,
  newSection: {},
};

Here is a good explanation https://dmitripavlutin.com/object-rest-spread-properties-javascript/

answered May 15, 2020 at 18:03

olsydko

1,2761 gold badge7 silver badges5 bronze badges

Comments

Josep Vicent Ibanez · Accepted Answer · 2021-04-01 12:14:40Z

0

This code is very useful if you know the path to the wanted value.

https://stackoverflow.com/a/66440832/1602673

answered Apr 1, 2021 at 12:14

Josep Vicent Ibanez

1,75816 silver badges15 bronze badges

Collectives™ on Stack Overflow

js object update nested objects

3 Answers 3

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Linked

Related