Глубокое клонирование объекта без promise и async

@UseMuse · Регистрация: 11.01.2016

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

Как создать клона этого объекта без promise и async?
Чтобы редактирование array не влияло на копию

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
let array = [
  {
    name : 'Jon', parentName : null, 
    children : [{
                name : 'OLIVIA', parentName : 'Alex',
                children : [{name : 'THOMAS', parentName : 'OLIVIA'}]
              }]
   },
   {
     name : 'NOAH', parentName : null, 
     children : [{
                  name : 'CHLOE', parentName : 'NOAH', 
                  children: [{name : 'LEO', parentName : 'CHLOE'}]
               }]
   },
   {
     name : 'Alex', parentName : null
   },
  {
     name : 'ALFIE', parentName : 'Alex', 
     children : [{
                  name : 'HARRY', parentName : 'ALFIE', 
                  children: [{name : 'JAKE', parentName : 'Alex'}]
               }]
   },]

@Mr_Sergo · 06.06.2019, 15:40

UseMuse,

https://codepen.io/Mr_Sergo/pe... itors=0010

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
42
43
let array = [
    {
        name : 'Jon', parentName : null,
        children : [{
            name : 'OLIVIA', parentName : 'Alex',
            children : [{
                name : 'THOMAS', parentName : 'OLIVIA'
            }]
        }]
    },
    {
        name : 'NOAH', parentName : null, 
        children : [{
            name : 'CHLOE', parentName : 'NOAH', 
            children: [{
                name : 'LEO', parentName : 'CHLOE'
            }]
        }]
    },
    {
        name : 'Alex', parentName : null
    },
    {
        name : 'ALFIE', parentName : 'Alex', 
        children : [{
            name : 'HARRY', parentName : 'ALFIE', 
            children: [{
                name : 'JAKE', parentName : 'Alex'
            }]
        }]
},];
 
let copy = JSON.parse(JSON.stringify(array));
 
array[0].name = 'NOT Jon';
array[1].children[0].children[0].parentName = 'NOT CHLOE';
 
alert(
    array[0].name + '\n' + 
    copy[0].name + '\n' + 
    array[1].children[0].children[0].parentName + '\n' + 
    copy[1].children[0].children[0].parentName
);

Qwerty_Wasd · 06.06.2019, 18:55

Mr_Sergo, здравствуй))
slice же

JavaScript
1
array.slice();

@Mr_Sergo · 06.06.2019, 19:56

Приветствую

Сообщение от Qwerty_Wasd

slice же

нет же

https://codepen.io/Mr_Sergo/pe... itors=0010

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
42
43
let array = [
    {
        name : 'Jon', parentName : null,
        children : [{
            name : 'OLIVIA', parentName : 'Alex',
            children : [{
                name : 'THOMAS', parentName : 'OLIVIA'
            }]
        }]
    },
    {
        name : 'NOAH', parentName : null, 
        children : [{
            name : 'CHLOE', parentName : 'NOAH', 
            children: [{
                name : 'LEO', parentName : 'CHLOE'
            }]
        }]
    },
    {
        name : 'Alex', parentName : null
    },
    {
        name : 'ALFIE', parentName : 'Alex', 
        children : [{
            name : 'HARRY', parentName : 'ALFIE', 
            children: [{
                name : 'JAKE', parentName : 'Alex'
            }]
        }]
},];
 
let coppy = array.slice();                  // копируем ДО изменения основного массива
 
array[0].name = 'NOT Jon';                  // меняем значение у основного массива
coppy[0].children[0].name = 'NOT OLIVIA';   // меняем значение у копии
 
alert(
    coppy[0].name + '\n' +                  // `NOT Jon` - неправильно, выше поменяли значение в основном массиве а поменялось и в копии
    array[0].name + '\n' +                  // `NOT Jon` - тут все в порядке
    coppy[0].children[0].name + '\n' +      // `NOT OLIVIA` - тут все в порядке
    array[0].children[0].name               // `NOT OLIVIA` - неправильно, выше поменяли значение в копии а поменялось и в основном массиве
);

Qwerty_Wasd · 06.06.2019, 20:06

Mr_Sergo, точно, забыл совсем про

Сообщение от UseMuse

не влияло на копию

Не по теме:

в который раз уже лоханулся на том, что поторопился )))))))))))

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

Опции темы

Глубокое клонирование объекта без promise и async

Решение