循环遍历对象数组并更改 JavaScript 中键的值

Question

我有以下 json 数组，它是我从角度应用程序中的服务响应中解构的。

this.selectedList = [

  [

    {

      "meterNumber": "Z00001410",

      "utilType": "elec",

      "mprnGprn": "3100000334",

      "isChecked": true

    },

    {

      "meterNumber": "Z00001410",

      "utilType": "gas",

      "mprnGprn": "1000003344",

      "isChecked": true

    }

  ],

  [

    {

      "meterNumber": "Z00001410",

      "utilType": "elec",

      "mprnGprn": "1000003344",

      "isChecked": true

    }

  ],

  [

    {

      "meterNumber": "Z00001410",

      "utilType": "elec",

      "mprnGprn": "1000003344",

      "isChecked": true

    }

  ]

]

我需要做的是迭代列表并在单击事件上将isChecked值更改为 false。我尝试过以下方法

  selectAll(){

    this.selectedList = this.data.reportList.map((meter) => meter.pm);

    this.newList = this.selectedList.map((data) => {

      data.forEach(item => item.isChecked = false);

  });

  console.log(this.newList);

  }

上面的代码将值更改为 false，但是当我尝试控制台 newList 时，它是一个未定义值的数组。这是执行此操作的最佳方法还是我在这里做错了什么。

Answer 1

您只需要从return data地图的每次迭代中添加：this.selectedList = [  [{      "meterNumber": "Z00001410",      "utilType": "elec",      "mprnGprn": "3100000334",      "isChecked": true    },    {      "meterNumber": "Z00001410",      "utilType": "gas",      "mprnGprn": "1000003344",      "isChecked": true    }  ],  [{    "meterNumber": "Z00001410",    "utilType": "elec",    "mprnGprn": "1000003344",    "isChecked": true  }],  [{    "meterNumber": "Z00001410",    "utilType": "elec",    "mprnGprn": "1000003344",    "isChecked": true  }]]selectAll = () => {  this.newList = this.selectedList.map((data) => {    data.forEach(item => {item.isChecked = false});    return data;  });  console.log(this.newList);}selectAll()

Answer 2

请记住，使用地图时需要返回一个值。这是一个可行的解决方案：this.selectedList = [  [    {      "meterNumber": "Z00001410",      "utilType": "elec",      "mprnGprn": "3100000334",      "isChecked": true    },    {      "meterNumber": "Z00001410",      "utilType": "gas",      "mprnGprn": "1000003344",      "isChecked": true    }  ],  [    {      "meterNumber": "Z00001410",      "utilType": "elec",      "mprnGprn": "1000003344",      "isChecked": true    }  ],  [    {      "meterNumber": "Z00001410",      "utilType": "elec",      "mprnGprn": "1000003344",      "isChecked": true    }  ]]selectAll = () => {    this.selectedList = this.selectedList.map(subArray => {        subArray.forEach(_ => _.isChecked = false);        return subArray;    });    console.log(this.selectedList)}selectAll();