是否可以在 Javascript 和 Vue 中搜索另一个数组时修改一个数组的值？

Question

如果我有两个都包含对象的数组。如果某些项目匹配，是否可以在循环另一个数组时修改一个数组的项目值？比如名字？

目前，我正在循环第一个数组，显示名称，旁边有复选框（全部选中）。 如果我取消选中该复选框，请将名称相同的两个数组设置为 visible: false

我也在使用 Vue，如果这能让事情变得更容易的话

说；

array 1 = [{Name: John, Age: 19, Visible: false}, {Name: Frank, Age: 20, Visible: true}, {Name: Kate, Age: 20, Visible: true}]

array 2 = [{Name: John, Age: 30, Visible: true}, {Name: William, Age: 20, Visible: true}, {Name: Henry, Age: 40, Visible: true}]

是否可以将其设置在 如果两个名称匹配，则将两者都设置为可见 false。在此示例中，它将是“John”。所以第一个数组中的“John”是visible: true，所以我希望两者都是visible: false

Answer 1

如果效率不是您的首要任务，您可以使用嵌套循环并将 Visible 设置为 false，只要在两个数组中都找到 Name：

var array1 = [{Name: 'John', Age: 19, Visible: false}, {Name: 'Frank', Age: 20, Visible: true}, {Name: 'Kate', Age: 20, Visible: true}]
var array2 = [{Name: 'John', Age: 30, Visible: true}, {Name: 'William', Age: 20, Visible: true}, {Name: 'Henry', Age: 40, Visible: true}]

array1.forEach(obj1 => {
  array2.forEach(obj2 => {
    if (obj1.Name === obj2.Name) {
      obj1.Visible = false
      obj2.Visible = false
    }
  })
})

console.log(array1, array2)

Answer 2

如果只有两个数组，我认为您可以使用循环和 if 条件来执行此操作（理想情况下，您应该使用函数的 break out）。如果您有多个对象可以与名称匹配，请不要使用 break，否则，它会更有效，因此您不会循环遍历您知道不匹配的值。代码应如下所示：

function someUnCheckFunction(uncheckedNameValue) {
    arrayOne.forEach(function(item, index) {
        if(item.Name == uncheckedNameValue) {
            item.Visible = false;
            break;  // this will stop the loop.  If you have multiple objects with the same Name, remove it
        }
    });
    arrayTwo.forEach(function(item, index) {
        if(item.Name == uncheckedNameValue) {
            item.Visible = false;
            break;  // this will stop the loop.  If you have multiple objects with the same Name, remove it
        }
    });
}

function someCheckFunction(checkedNameValue) {
    arrayOne.forEach(function(item, index) {
        if(item.Name == uncheckedNameValue) {
            item.Visible = true;
            break;  // this will stop the loop.  If you have multiple objects with the same Name, remove it
        }
    });
    arrayTwo.forEach(function(item, index) {
        if(item.Name == uncheckedNameValue) {
            item.Visible = true;
            break;  // this will stop the loop.  If you have multiple objects with the same Name, remove it
        }
    });
}