一维数组与对象深拷贝的几种方法(指数组、对象中均无嵌套)

一、万能for循环

直接上代码:

  var arr = [1, 2, 3, 4, 5]
  var obj = { name: "aaaaa", age: 16 }
  var arr2 = copyThat(arr)
  var obj2 = copyThat(obj)
  function copyThat(obj) {
    let resArr = [];
    let resObj = {};
    if (Array.isArray(obj)) {
      for (let i = 0; i < obj.length; i++) {
        resArr.push(obj[i])
      }
      return resArr
    } else {
      for (x in obj) {
        resObj[x] = obj[x]
      }
      return resObj
    }
  }

二、利用扩展运算符(嘎嘎简单)


代码举例:

  var arr = [1, 2, 3, 4, 5]
  var obj = { name: "aaaaa", age: 16 }
  var [...newArr] = arr
  var { ...newObj } = obj

三、利用JSON左右互搏

先把要拷贝的对象转换成json字符串,再把json字符串转换成JavaScript对象,最后用一个变量接收就好啦~

var obj = {
  name: '小明',
  age: '18'
}
var obj2 = JSON.parse(JSON.stringify(obj))

四、Object.assign()方法

Object.assign(target, source_1, ···)
用于将源对象 (source) 的所有可枚举属性复制到目标对象 (target) 中,源对象参数可以不止有一个。

利用Object.assign()方法, 第一个参数 (目标对象) 必须是空对象。
且如文章题目所示,此方法也只能深度拷贝对象的第一层,如果对象中的属性也是对象的话,是没有办法进行深拷贝的。

var obj = {name:'小明',age:16};
var obj2 = Object.assign({},obj1);

两个其它的数组深拷贝方法:

  1. concat() 方法实现数组的深拷贝:
    concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组,所以我们只要将源数组和一个空数组拼接在一起就好啦
var arr = [1,2,3,4,5]
var arr2 = arr.concat()
arr[2] = 5
console.log(arr)
console.log(arr2)
  1. slice() 方法实现数组的深拷贝:
    slice() 方法可从已有的数组中返回选定的元素,参数为 start 和 end,都是可选参数,如果不指定end参数则会切割从start处开始,一直到数组结束的所有元素。
    所以我们将 start 指定为0,并且不指定end就好咯~
var arr = [1,2,3,4,5]
var arr2 = arr.slice(0)
arr[2] = 5
console.log(arr)
console.log(arr2)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值