1.今天写代码遇到一个问题困扰了我半天时间 代码如下
this.personInfoTableData.forEach((item, index) => {
if (item.id === copyObj.id) {
this.personInfoTableData[index] = copyObj;
return;
}
});
this.personInfoTableData.push(copyObj);
这段代码的含义就是循环已有的数组,找出和新来的copyObj相同的id 如果相同就替换掉原来的item,如果没有就跳出循环 将这个新来的copyObj 塞入已有的数组。好思路很明确了,但是代码执行了就是会修改已有的代码并且新增一条数据,思考了半天打了3个断点 还是会走到this.personInfoTableData.push(copyObj);这一步。于是换了种写法代码如下
for (let i = 0; i < this.personInfoTableData.length; i++) {
if (this.personInfoTableData[i].id === copyObj.id) {
this.personInfoTableData[i] = copyObj;
return;
}
}
this.personInfoTableData.push(copyObj);
真是立竿见影,一次跑过,对比得知两段代码并没有什么不同,我猜就可能是return 在forEach里面不生效 或者是forEach 对空的数组不执行回调函数(不太可能,因为我是给this.personInfoTableData加了两条数据的),所以锁定原因查了资料(自行google),果然是forEach无法在所有元素都传递给调用的函数之前终止遍历,不能使用return 跳出循环。
真是学到了学到了。