深拷贝最完整代码----＞自己记不住系列

最新推荐文章于 2024-03-11 00:45:20 发布

xhello

最新推荐文章于 2024-03-11 00:45:20 发布

阅读量111

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/xhello/article/details/120784012

版权

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
  </head>
  <body></body>
  <script>
    /**
     * 判断是否为一个可迭代的对象
     */
    function isIterativeObject(val) {
      return (
        val &&
        typeof val === "object" &&
        Object.prototype.toString.call(val) !== "[object RegExp]" &&
        Object.prototype.toString.call(val) !== "[object Date]"
      );
    }
    //
    function getTargetKeys(obj) {
      return isIterativeObject(obj)
        ? { _target: obj, targetKeys: Object.keys(obj) }
        : { _target: {}, targetKeys: [] };
    }
    /**
     * 数组的方法
     */
    function arrayMerge(target, source) {
      return source.reduce(
        (destination, item, index) => {
          if (!target.includes(item)) {
            destination.push(item);
          } else {
            destination[index] = deepmerge(target[index], item);
          }
          return destination;
        },
        [...target]
      );
    }
    /**
     * 合并对象的方法
     */
    function mergeObject(target, source) {
      if (!isIterativeObject(source)) {
        return source;
      }
      const sourceKeys = Object.keys(source);
      const { _target, targetKeys } = getTargetKeys(target);
      var allKeys = [...new Set([...targetKeys, ...sourceKeys])];
      return allKeys.reduce((destination, key) => {
        destination[key] = deepmerge(_target[key], source[key]);
        return destination;
      }, {});
    }
    /**
     * 深度合并
     */
    function deepmerge(target, source) {
      if (!source && source === undefined) {
        return target;
      }
      if (!isIterativeObject(source)) {
        return source;
      }
      // 判断source对象是否是一个数组
      var array = Array.isArray(source);
      // 如果source对象是一个数组
      if (array) {
        // target对象不是数组，放弃target对象，使用source对象继续检查合并
        return arrayMerge(Array.isArray(target) ? target : [], source);
      } else {
        // source对象
        return mergeObject(target, source);
      }
    }
    /**
     * 多个对象进行合并的方法
     */
    deepmerge.all = function deepmergeAll(...rest) {
      if (!rest || rest.length < 2) {
        throw Error("玩呢？你是要合并个寂寞啊");
      }
      // 使用reduce方法，逐个合并
      return array.reduce(function (prev, next) {
        return deepmerge(prev, next);
      });
    };
    // export default deepmerge;

    var a = { a: 123, b: "abc" };
    var b = [a, { c: 456 }];
    var c = deepmerge(a, b);
    console.log(c);
    console.log(a);
    console.log(b);
  </script>
</html>

xhello

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
深拷贝最完整代码----＞自己记不住系列

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.
复制链接

扫一扫