Странное поведение с удаления

Question

var x = {'a': 't1', 'b': 't2', 'c': 't3'}; 
var y = x; 
delete (y['c']); 
console.log(x); 

Ожидаемый результат:

Object {a: "t1", b: "t2", c: "t3"} 

Выход:

Object {a: "t1", b: "t2"} 

Есть ли причина, почему удаление свойство объекта изменяется у объекта х?

Answer 1

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

Это обычная вещь на большинстве языков программирования, и вам нужно сделать глубокую копию объекта, если вы не хотите изменять x. Вы можете see эту тему.

Answer 2

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

Answer 3

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

var y= Object.assign({}, x); 
delete (y['c']); 
console.log(x); 

Answer 4

Необходимо скопировать значение, по умолчанию оно берет ссылку.

Метод Object.assign() используется для копирования значений всех перечислимых собственных свойств из одного или нескольких исходных объектов в целевой объект. Он вернет целевой объект.

Сценарии:

var x = {'a': 't1', 'b': 't2', 'c': 't3'}; 
var copy = Object.assign({}, x); 
delete (copy.c); 
console.log(x); 
console.log(copy); 

Выходные:

Object { a: "t1", b: "t2", c: "t3" } 
Object { a: "t1", b: "t2" } 

fiddle link