1、数组的直接赋值属于数组的浅拷贝,js存储对象都是存内存地址,所以浅拷贝会导致新数组和旧数组共用同一块内存地址,其中一个数组变化,另一个数组也会相应的变化。 var a =[1,2
var a =[1,2,3];
var b=a;
a[0]=30;
console.log(a,b);
//结果: [30, 2, 3] [30, 2, 3]
数组的concat方法
var a=[1,2,3];
var b=[].concat(a);
a[0]=30;
console.log(a,b);
//结果:[30, 2, 3] [1, 2, 3]
使用es6的展开操作符: …arr
var a=[1,2,3];
var b=[].concat(a);
var c=[...a];
a[0]=30;
console.log(a,b,c);
//结果:[30, 2, 3] [1, 2, 3] [1, 2, 3]
利用split join map方法
let arr1=[1,2,3];
var newArr4 = arr1.join(" ").split(" ").map(function(i){
return parseInt(i);
});
arr1[0]=30;
console.log(arr1,newArr4);
//VM1175:1 (3) [30, 2, 3] (3) [1, 2, 3]
1、通过JSON.stringify转化成字符串再通过JSON.parse()解析成原数组。
let arr=[{a:1,b:2},{a:3,b:4}];
let arr1=JSON.parse(JSON.stringify(arr));
arr[0].a=10;
console.log(arr,arr1);
//输出结果如下
(2) [{…}, {…}]
0: {a: 10, b: 2}
1: {a: 3, b: 4}
(2) [{…}, {…}]
0: {a: 1, b: 2}
1: {a: 3, b: 4}
2、利用Jquery的$.extend方法。
let arr=[{a:1,b:2},{a:3,b:4}];
let arr1=$.extend(true,[],arr);
arr[0].a=10;
console.log(arr,arr1);
//输出结果如下
(2) [{…}, {…}]
0: {a: 10, b: 2}
1: {a: 3, b: 4}
(2) [{…}, {…}, contains: ƒ, each: ƒ, uniquelize: ƒ]
0: {a: 1, b: 2}
1: {a: 3, b: 4}
更多关于js数组直接赋值的问题和js数组的浅拷贝,深拷贝方法请查看下面的相关文章
--结束END--
本文标题: js数组直接赋值的问题(js数组的浅拷贝与深拷贝方法)
本文链接: https://lsjlt.com/news/169409.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0