前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >JS 数组和对象的拷贝

JS 数组和对象的拷贝

作者头像
零云
发布2023-07-24 21:09:44
发布2023-07-24 21:09:44
1K00
代码可运行
举报
运行总次数:0
代码可运行

实现深拷贝有很多方法

一、数组的深拷贝

1、for 循环实现数组的深拷贝

代码语言:javascript
代码运行次数:0
运行
复制
var arr1 = [1,2,3,4,5,6]
var arr2 = copyArray(arr1)
function copyArray(arr) {
    let res = [];
    for (let i = 0; i < arr.length; i++) {
        res.push(arr[i])
    }
    return res;
}

2、slice方法实现数组的深拷贝

代码语言:javascript
代码运行次数:0
运行
复制
var arr = [1,2,3,4,5];
var arr2 = arr.slice(0);
arr[2] = 5;
console.log(arr);
console.log(arr2);

3、concat 方法实现数组的深拷贝

代码语言:javascript
代码运行次数:0
运行
复制
var arr = [1,2,3,4,5];
var arr2 = arr.concat();
arr[2] = 5;
console.log(arr);
console.log(arr2);

4、ES6扩展运算符实现数组的深拷贝

代码语言:javascript
代码运行次数:0
运行
复制
var arr = [1,2,3,4,5];
var [ ...arr2 ] = arr;
arr[2] = 5;
console.log(arr);
console.log(arr2);

二、对象的深拷贝

1、for循环实现对象的深拷贝

代码语言:javascript
代码运行次数:0
运行
复制
var obj = {
  name: 'FungLeo',
  sex: 'man',
  old: '18'
}
var obj2 = copyObj(obj)
function copyObj(obj) {
  let res = {}
  for (var key in obj) {
    res[key] = obj[key]
  }
  return res
}

2、json字符串方式实现对象的深拷贝

代码语言:javascript
代码运行次数:0
运行
复制
var obj = {
  name: 'test',
  sex: 'man',
  old: '18'
}
var obj2 = JSON.parse(JSON.stringify(obj));

3、ES6扩展运算符实现对象的深拷

代码语言:javascript
代码运行次数:0
运行
复制
var obj = {
  name: 'FungLeo',
  sex: 'man',
  old: '18'
};
var { ...obj2 } = obj;
obj.old = '22';
console.log(obj);
console.log(obj2);

本文部分参考:https://blog.csdn.net/github_38885296/article/details/81057028

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-07-06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档