js實現數組淺拷貝和深拷貝

一、淺拷貝的實現方式

方法一：通用循環

function shallowCopy(obj) {
  if (typeof obj !== 'object') return;

  const newObj = obj instanceof Array ? [] : {};

  for(let key in obj) {
    if (obj.hasOwnProperty(key)) {
      newObj[key] = obj[key];
    }
  }

  return newObj;
}

 

以下方法，如果是單層數據，則可實現深拷貝的效果，如果是復雜多層數據，則為淺拷貝。

方法二：Object.assign

const newObj = Object.assign({}, oldObj);

方法三：Array.slice

const newArray = oldArray.slice();

方法四：Array.concat

方法四：Array.concat

方法五：es6

const { ...newObj } = oldObj;
const [ ...newArray ] = oldArray;

二、深拷貝的實現方式

方法一：通用循環（遞歸）

function deepCopy(obj) {
  if (typeof obj !== 'object') return;

  const newObj = obj instanceof Array ? [] : {};

  for(let key in obj) {
    if (obj.hasOwnProperty(key)) {
      newObj[key] = typeof obj === 'object' ? deepCopy(obj[key]) : obj[key];
    }
  }

  return newObj;
}

方法二：JSON.stringify,JSON.parse（不能拷貝函數）

const newObj = JSON.parse(JSON.stringify(oldObj));