Почему при изменении объекта он не меняется в массиве?

Question

[fleshik]

let obj= {
    name:"object"
};

let arrq = [obj]
 
obj = null;
 
 console.log(obj);
 console.log(arrq[0]);

Подскажите почему когда изменяется объект то как элемент массива он не меняется почему console.log(arrq[0]) НЕ null

Comments

[Lynn «Кофеман»]

Потому что ты не изменил объект.

Answer 1

[Lynn «Кофеман»]

TL;DR: ты путаешь объекты и ссылки на объекты.

Если придумывать как я люблю разные аналогии, то представим что объект это воздушный шар, а ссылка на объект это канат который привязывает этот шар к земле (или другим шарам).

Ты создал новый воздушный шар { name:"object" } и привязал его канатом с биркой obj к земле (obj = ...).
Потом ты привязал ещё один канат с биркой arrq[0] к этому же шару (arrq = [obj]).
А потом отвязал канат obj (obj = null).
При этом канат arrq[0] никуда не делся и всё так же привязан к шару.

Мне эта аналогия нравится ещё тем, что когда ты отвяжешь последний канат связывающий воздушный шар с землёй (например напишешь arrq[0] = null), то он улетит и в конце концов где-то упадёт и пропадёт (сработает сборщик мусора).

Answer 2

[VoidVolker]

Вот это переменная:
let obj
А вот это сам объект:

{
    name:"object"
}

Соответственно вот тут:
obj = null
Присваивается значение переменной, а не объекту.

Comments

[fleshik]

но тогда почему

let obj= {
    name:"object"
};

obj = null;

let arrq = [obj]
 
 console.log(obj);
 console.log(arrq[0]);

в консоли console.log(arrq[0]); мы получаем null

[VoidVolker]

Потому что там действительно null, который туда положили во время инициализации переменной arrq:

obj = null
let arrq = [obj]

Сокращается до:
let arrq = [null]

[fleshik]

VoidVolker, тоесть в первом случае что бы мы не присваливали в obj в arrq[0] будет хранится ссылка на обьект который выглядит как { name:"object"}; ?

[VoidVolker]

Что? Выражайте свои мысли яснее. Вот смотрите, вы взяли ящик и обозвали его obj, затем в него положили объект, а потом выкинули из него объект. Все, ящик пуст - там ничего нет. И объекта там тоже больше нет ни в ящике ни где-либо еще, не существует он больше.

[fleshik]

VoidVolker, ну я как бы это и спрашиваю тоесть если брать первый пример где

let obj= {
    name:"object"
}; 
 let arrq = [obj]
 obj = null;

в obj у нас будет хранится то что мы туда переприсвоили тоесть null (эту часть я правильно понял ?), а в arrq[0] у нас по прежнему остаетяся ссылrа на наш объект { name:"object"} ?

[VoidVolker]

В данном случае - да.

[fleshik]

VoidVolker, спасибо теперь вроде всё понятно

Answer 3

[rPman]

проводи эксперименты дальше, например obj.name="asd" изменит объект в массиве arr

переменная obj содержит не сам объект а ссылку на него, точно так же ссылку на него помещаешь в arr[0]

объект должен умереть автоматически если его ссылку никто не сохранит

p.s. за отсутствие многих вещей по контролю над объектами мне javascript и не нравится, с другой стороны меньше возможностей выстрелить в ногу

Answer 4

[Kentavr16]

потому что объект присваивается по ссылке а не по значению. Ты вроде как наклеил два ярлыка на коробку, потом оторвал первый. Конечно же второй ярлык как и коробка останется.