对象和数组的ECMAScript5深层副本

我希望能够找到一个示例代码来深入复制ECMAScript5中的对象。

复制应该能够克隆

  • 嵌套对象

  • 嵌套数组

  • 数组中的嵌套对象(分别克隆每个数组项)

  • 注意:jQuery.extend()似乎不处理案例3)。 另外,我希望在干净的ECMAScript中做到这一点。 快速谷歌搜索没有提出任何有价值的实施。


    我终于解决了jQuery.extend()因为我找不到其他好的实现

    http://api.jquery.com/jQuery.extend/


    如果你想要一个单线程(通过遍历引用对象来检索原语,将一个大字符串连接起来,然后将字符串解析为一个新对象,并使用它自己的原始叶节点)

    JSON.parse(JSON.stringify(obj))
    

    或者您需要执行多个副本

    function deepCopy(o) {
        var copy = o,k;
    
        if (o && typeof o === 'object') {
            copy = Object.prototype.toString.call(o) === '[object Array]' ? [] : {};
            for (k in o) {
                copy[k] = deepCopy(o[k]);
            }
        }
    
        return copy;
    }
    

    性能比较


    使用toSource方法的仿真来复制对象:

        <script type="text/javascript">
        Object.prototype.getSource = function() {
          var output = [], temp;
          for (var i in this) {
              if (this.hasOwnProperty(i)) {
                  temp = i + ":";
                  switch (typeof this[i]) {
                      case "object" :
                          temp += this[i].getSource();
                          break;
                      case "string" :
                          temp += """ + this[i] + """;    // add in some code to escape quotes
                          break;
                      default :
                          temp += this[i];
                  }
                  output.push(temp);
              }
          }
          return "{" + output.join() + "}";
          }
          var baz = {"alpha":{"beta":{"charlie": ["delta","epsilon",{"omega":"zeta"}]}}};
          !!Object.prototype.toSource ? alert((baz).toSource() ) : alert((baz).getSource() );
        </script>
    
    链接地址: http://www.djcxy.com/p/40677.html

    上一篇: ECMAScript5 deep copy of object and arrays

    下一篇: jQuery loop through data() object