JS 不常见的坑,解决办法记录
JS 方法
splice
操作数组,为什么改变了其它变量?
代码情况:
var arr = [1,2,3,4];
var arrOne = arr;
var arrTwo = arr;
arrOne.splice(2,1);
console.log(arr); // [1,2,4]
console.log(arrOne); // [1,2,4]
console.log(arrTwo); // [1,2,4]
原因:
js 中的值分为数值类型,和引用类型(摘抄),这个问题是由于引用类型出现的问题。引用类型如果没有了解可以大致理解为:多个支付宝绑定了同一张银行卡,当其中一个账号使用了该银行卡的金额时,也代表着其它账号可支配这个银行卡的金额出现变动。
所以,上面的问题也是一样的。找到原因,那么就开始解决问题了,那么可以思考如何将引用类型(浅拷贝),改为深拷贝?
解决方法:
赋值时可以通过 slice 方法获取返回值,进行赋值,实现深拷贝,复制值,而不是引用值。当然还有其它方法,欢迎提醒。
ar arr = [1,2,3,4];
// slice(starPosition[,endPosition])
/*
function: 截取从 starPosition 索引位置开始,到 endPosition 索引位置结束的元素返回。
starPosition int 必须 截取的开始位置
endPosition int 可选 截取的结束位置
*/
var arrOne = arr.slice(0);
var arrTwo = arr;
arrOne.splice(2,1);
console.log(arr); // [1,2,3,4]
console.log(arrOne); // [1,2,4]
console.log(arrTwo); // [1,2,3,4]