javascript - 修改一个复杂的深度嵌套的 javascript 对象

Question

假设您有一个复杂的深层嵌套对象，有 15 到 20 层，您想要根据字段查询其中的某个节点并修改特定属性。我们怎样才能实现它？

下面的例子是人为设计的，对象不像我的情况那么复杂，也没有那么深，所以请不要建议类似 obj[phoneNumbers][0].number = somethingNew

我在下面的示例中使用名为 jsonpath 的库来查询特定节点并使用 jsonpath 表达式获取其值。

var jp = require("jsonpath");

const obj = {
  firstName: "John",
  lastName: "doe",
  age: 26,
  address: {
    streetAddress: "naist street",
    city: "Nara",
    postalCode: "630-0192"
  },
  phoneNumbers: [
    {
      type: "iPhone",
      number: "0123-4567-8888"
    },
    {
      type: "home",
      number: "0123-4567-8910"
    }
  ]
};

const number = jp.query(obj, "$.phoneNumbers[0].number");
console.log(number);

// outputs: [ '0123-4567-8888' ]

谢谢。

Answer 1

如果您可以使用 lodash (npm i --save lodash) ( https://lodash.com/ )，那么获取或设置深度嵌套的值将非常容易。

获取深度嵌套的值:( https://lodash.com/docs#get )

var object = { 'a': [{ 'b': { 'c': 3 } }] };

_.get(object, 'a[0].b.c');
// => 3

_.get(object, ['a', '0', 'b', 'c']);
// => 3

_.get(object, 'a.b.c', 'default');
// => 'default'

设置深度嵌套值:( https://lodash.com/docs#set )

var object = { 'a': [{ 'b': { 'c': 3 } }] };

_.set(object, 'a[0].b.c', 4);
console.log(object.a[0].b.c);
// => 4

_.set(object, ['x', '0', 'y', 'z'], 5);
console.log(object.x[0].y.z);
// => 5