【js】数组与对象全都是引用传值？！

JS数据拷贝详解

最新推荐文章于 2024-10-02 20:02:04 发布

原创最新推荐文章于 2024-10-02 20:02:04 发布 · 1w 阅读

0 ·

CC 4.0 BY-SA版权

本文通过实例演示了JavaScript中数组和对象的引用传递特性，并介绍了如何实现数据的深拷贝来避免修改原始数据的问题。

直接上代码

var a = [1,1,1,1];
var b = a;
b[0] = 2;
console.group('数组传值测试');
console.log(b);
console.groupEnd();
var c = {'key':'value'};
var d = c;
d['key'] = '修改后的值';
console.group('对象传值测试');
console.log(d);
console.groupEnd();

测试发现js中无论是数组还是对象，传值方式都是引用传递;

这就有点鸡肋了，如果想备份原有数据的话需要进行多一步操作

//数组复制
var a = [1,2,3];
//concat是数组拼接函数，生成一个新的数组
var b = a.concat();

//对象复制
var a = {'key' : 'value'};
//转成JSON字符串再生成新的json对象
var b = JSON.parse(JSON.stringify(a))

本质上都是要生成一个新的数据，所以无论数组还是对象都可以通过for语句循环拼接新数组或对象的方式完成数据拷贝；