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

原创于 2018-06-04 21:29:35 发布 · 1w 阅读

0 ·

CC 4.0 BY-SA版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上代码

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语句循环拼接新数组或对象的方式完成数据拷贝；