如何更新匹配项的深度更多？

Question

This example 有一个很好的理由来更新对象。但是有一个问题，这只适用于同一级别（深度）的对象。

我怎样才能做同样的事情，但更多的一级，深度？

我在这里有一个示例对象：

let globalObj = [
    {
      fam_id: 1, // Random unique ID's.
      name: "No name",
      attributes: {
        "Key2": "*",
        "Key3": "*",
      },
      children: [
        {
          fam_id: 2, // Random unique ID's.
          name: "No name 2",
          attributes: {
            "Key2": "*",
            "Key3": "*",
          },
        },
      ],
    },
  ]

我在这里有对象来更新全局，例如：

let updateObj = {        
        fam_id: 2, // Mathed ID!
        name: "No name 3",
        attributes: {
            "Key2": "*",
            "Key3": "*",
         },
},

findIndex 和 slice 方法效果很好，但是对于深度 0？ 如何过滤更多深度为0的？ 1个或更多怎么样？

谢谢！ o/

Answer 1

您可以通过使用递归函数来完成此操作

let globalObj = [
    {
      fam_id: 1, // Random unique ID's.
      name: "No name",
      attributes: {
        "Key2": "*",
        "Key3": "*",
      },
      children: [
        {
          fam_id: 2, // Random unique ID's.
          name: "No name 2",
          attributes: {
            "Key2": "*",
            "Key3": "*",
          },
        },
      ],
    },
  ];

let updateObj = {        
        fam_id: 2, // Mathed ID!
        name: "No name 3",
        attributes: {
            "Key2": "*",
            "Key3": "*",
         },
};

// recursive function
matchAndUpdate = (updater, target) => {
    if (updater.fam_id === target.fam_id) {
        target.name = updater.name;
        target.attributes = updater.attributes;
    }
    
    if ("children" in target && Array.isArray(target.children)) {
        target.children.forEach(child => {
            matchAndUpdate(updater, child);
        });
    }
}

globalObj.forEach(g => {matchAndUpdate(updateObj,g )});

document.getElementById('x').innerText = JSON.stringify(globalObj,null,"\t");

pre {
  background-color: #456;
  color: #FED;
  font-size: small;
}

<pre><code id="x"></code></pre>