【面经】字节跳动 一面7(3)：深度克隆 js 各种数据类型

[liam61]

深度克隆 js 各种数据类型。附加题：实现对象中嵌套数组，数组中嵌套对象

JS 中基本类型

5 种原始类型：Boolean, Number, String, Null, Undefined（暂不考虑 ES6 的 Symbol）还有 Object

// 这里把数组也考虑了进来
function deepClone(someObj) {
  const { toString } = Object.prototype;
  const isObject = o => toString.call(o).slice(8, -1) === 'Object';

  function _deepClone(source) {
    if (Array.isArray(source)) { // 处理数组
      return source.reduce((res, item) => {
        res.push(_deepClone(item));
        return res;
      }, []);
    }

    if (isObject(source)) { // 处理对象
      return Object.keys(source).reduce((res, key) => {
        res[key] = _deepClone(source[key]);
        return res;
      }, {});
    }

    return source; // 处理其他类型
  }

  return _deepClone(someObj);
}

// 测试
console.log(deepClone([1, 2, [3], [4, 5, [6, 7]]]));
console.log(deepClone({ a: 1, b: { c: 3, d: 7, e: { y: 8, z: 4 } } }));
console.log(deepClone(12));
console.log(deepClone(true));
console.log(deepClone(null));
console.log(deepClone(undefined));
console.log(deepClone([1, { a: 9, b: 8 }, [3], [4, 5, [6, 7]]]));
console.log(deepClone({ a: 1, b: { c: [4, 5, [6]], d: 7, e: { y: 8, z: 4 } } }));

[LasyIsLazy]

“深度克隆任何基本类型”题目没有看明白，是指克隆常见的情况吗？如果是比较全面的深度克隆，还有几种情况需要考虑。

[liam61]

@LasyIsLazy 是的，考虑常见情况