Сделать клон объекта без использования встроенных методов

@demetrisfcbm · Регистрация: 16.09.2018

Студворк — интернет-сервис помощи студентам

Всем привет. Необходимо сделать глубокий клон объекта initialObj. Обычные свойства и объекты копируются без проблем, но массивы в новом объекте objNew отображаются как объекты. Как сделать так чтобы массивы тоже копировались в новый массив без изменений? Заранее спасибо.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
var initialObj = {
  string: "Vasya",
  number: 30,
  boolean: true,
  undefined: undefined,
  null: null,
  array: [1, 2, 3],
  object: {
    string2: "Petrov",
    object2: {
      array2: [{}, {}],
    },
    object3: {},
  },
  method: function () {
    alert("Hello");
  },
};
 
function deepClone(obj) {
  if (Array.isArray.obj) {
    var newObj = [];
  } else {
    var newObj = {};
  }
  for (item in obj) {
    if (typeof obj[item] != "object" || obj[item] == null) {
      newObj[item] = obj[item];
    } else if (typeof obj[item] == "object" && !Array.isArray(obj[item])) {
      newObj[item] = deepClone(obj[item]);
    } else if (Array.isArray(obj[item])) {
      newObj[item] = deepClone(obj[item]);
    }
  }
 
  return newObj;
}
 
var objNew = deepClone(initialObj);
console.log(objNew);
console.log(initialObj);

@NTHing · 02.07.2022, 09:14

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function deepClone(obj) {
    if (Array.isArray.obj) {
        var newObj = [];
    } else {
        var newObj = {};
    }
    for (item in obj) {
        if (typeof obj[item] != "object" || obj[item] == null) {
            newObj[item] = obj[item];
        }
        else
            if (typeof obj[item] == "object" && !Array.isArray(obj[item])) {
                newObj[item] = deepClone(obj[item]);
            }
            else
                if (Array.isArray(obj[item])) {
                    // newObj[item] = deepClone(obj[item]);
                    newObj[item] = obj[item];
                }
    }
    return newObj;
}

@mr_dramm · 02.07.2022, 13:10

Поменять для варианта NTHing и demetrisfcbm

JavaScript
1
2
3
4
5
    if (Array.isArray.obj) {
        var newObj = [];
    } else {
        var newObj = {};
    }

заменить на

JavaScript
1
2
3
4
5
    if (obj instanceof Array) {
        var newObj = [];
    } else {
        var newObj = {};
    }

и

JavaScript
1
(typeof obj[item] !== "object" || obj[item] == null)

переделать

JavaScript
1
(typeof obj[item] !== "object" || obj[item] === null)

потому что typeof null это object и === проверяет равенство без приведения типов
и вернуть как было для варианта NTHing

JavaScript
1
2
3
4
                
if (Array.isArray(obj[item])) {
    newObj[item] = obj[item];
}

JavaScript
1
2
3
if (Array.isArray(obj[item])) {
    newObj[item] = deepClone(obj[item]);
}

иначе мы копируем ссылку на массив

эту конструкцию тоже можно упростить

JavaScript
1
2
3
4
5
6
7
            if (typeof obj[item] == "object" && !Array.isArray(obj[item])) {
                newObj[item] = deepClone(obj[item]);
            }
            else
                if (Array.isArray(obj[item])) {
                    newObj[item] = deepClone(obj[item]);
                }

лучше этот вариант там еще с прототипами заморочки

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function deepclone(obj1) {
    let obj2;
    if (typeof obj1 === "object" && obj1 !== null) {
        if (Array.isArray(obj1))
            obj2 = new Array(obj1.length);
        else
            obj2 = { __proto__: obj1.__proto__ };
        for (let key of Reflect.ownKeys(obj1)) {
            obj2[key] = clone(obj1[key]);
        }
    } else
        obj2 = obj1;
    return obj2;
}

Новые блоги и статьи Все статьи Все блоги /
Перемещение выделенных строк ТЧ из одного документа в другой Maks 30.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .

Сделать клон объекта без использования встроенных методов

Решение