JavaScript 实用技巧

怎么实现深拷贝

2018-10-27  本文已影响0人  奕玄
  1. 注意点
  1. 解题思路
    (1)方法一:分别对数组、对象、基本数据类型值进行判断、考虑,使用递归的方式复制值
    (2)方法二:利用了 JSON.parse()JSON.stringify() 这两个方法实现深拷贝

  2. 代码

/* 方法一 */
function deepClone (val) {
  var res;
  if (val && Array.isArray(val)) {
    res = [];
    val.forEach(function (item) {
      res.push(deepClone(item));
    });
  } else if (typeof val === 'object' && val !== null) {
    res = {};
    for (let key of Object.keys(val)) {
      res[key] = deepClone(val[key]);
    }
  } else {
    res = val;
  }
  return res;
}

/* 方法二 */
function deepClone (val) {
  if (typeof val === 'undefined') {
    return;
  }
  var temp = JSON.stringify(val);
  return JSON.parse(temp);
}

/* 测试代码 */
// 深拷贝基本数据类型值
var val = 'hello world';
console.log('基本数据类型值', deepClone(val));
// 深拷贝数组
var arr = [9, 'cat', true, null, undefined, [1, 2], {foo: 'bar'}];
console.log('数组', deepClone(arr));
// 深拷贝对象
var obj = {
  name: 'wang',
  age: 18,
  isStudent: true,
  nums: [3, 4],
  score: {
    math: 95
  }
};
console.log('对象', deepClone(obj));
上一篇下一篇

猜你喜欢

热点阅读