JavaScript中const声明的数组为何会被函数修改?原数组持续变大疑问
核心原因说明
const的约束范围限制:const仅禁止变量的重新赋值,不会限制引用类型的内部属性修改。你声明的const arr只是不能被重新赋值为其他值(比如arr = []会报错),但数组本身的元素、长度都是可修改的。- 数组是引用类型:当你把外部
arr传入函数时,传递的是数组的内存引用,函数内的参数arr和外部的arr指向完全相同的数组对象,内部修改会直接同步到外部。 splice是原地修改方法:splice执行时会直接修改调用它的数组本身,而不是生成新数组返回,每次调用test都会往同一个数组里插入2个元素,自然数组会越来越大。
预期效果实现方案
如果需要每次调用返回结果一致、不修改原数组,只需在函数内先浅拷贝原数组再操作即可:
const arr = [5, 9, 7, 1, 8, ]; function test(originalArr) { // 浅拷贝生成新数组,后续操作不影响原数组 const newArr = [...originalArr]; const strings = ['qwe', 'asd']; newArr.splice(1, 0, ...strings); return newArr; }
修改后每次调用test(arr)返回的结果固定,原数组arr不会被更改。
内容的提问来源于stack exchange,提问作者Codehauk
相关产品推荐
相关产品推荐

