ECMAScript5 глубокая копия объекта и массивов

Я надеюсь найти пример кода для глубокого копирования объектов в ECMAScript5.

Копирование должно быть в состоянии клонировать

  • Вложенные объекты

  • Вложенные массивы

  • Вложенные объекты в массивах (клонировать каждый элемент массива отдельно)

Примечание: jQuery.extend(), похоже, не обрабатывает случай 3). Кроме того, я надеюсь сделать это в чистом ECMAScript. Быстрое поиск в Google не принесло никаких достойных реализаций.

3 ответа

Решение

Я наконец-то остановился на 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>
Другие вопросы по тегам