Почему такое поведение в цикле forEach?

Question

[umberford]

var arr = ['hello','house','human']
var name = 'John';
arr.forEach(function(item,i,arr){
  item = name;
})
console.log(arr); //['hello','house','human']

код выше выведет ['hello','house','human']
но если вместо item написать arr[i] , то все сработает как надо и выведет ["John", "John", "John"]

var arr = ['hello','house','human']
var name = 'John';
arr.forEach(function(item,i,arr){
  arr[i] = name;
})
console.log(arr); //["John", "John", "John"]

почему так? по сути item == arr[i], но работает не так, как надо

Comments

[Yustas Alexu]

Интересный примерчик. Сами придумали или где-то нашли?

[Stanislav Pugachev]

umberford,
а какой результат вы ожидали?

[Yustas Alexu]

Stanislav Pugachev, я проверил данный пример и действительно arr[i] равен name. Но при этом name почему-то не является ссылкой на индекс массива, а arr[i] является. Мне кажется это странным.

[eRKa]

Yustas Alexu, потому что в item само значение элемента а не сам элемент. В данном примере там будет строка, а строки неизменяемый тип в js, поэтому изменить его нельзя. Если хочется изменять строку в этом примере, то нужно его завернуть в объект. Тогда в item будет объект, а он ссылочный и можно изменить поле.

Answer 1

[Rsa97]

item - переменная, переданная по значению.
arr - массив, переданный по ссылке.

Answer 2

[Сергей Глейп]

item это переменная функции forEach. В каждой итерации этой переменной присваивается значение из массива. Вы перезаписывает его своим (переменную функции). После того как функция отработала ее переменные перестают существовать, массив остаётся неизменным.

Answer 3

[Александр]

Все зависит от реализации нативных функций и, как я понимаю, в каждом движке эта реализация может быть своя.
В принципе в документации нигде не сказано что item - это ссылка на конкретный элемент массива, то есть оно вполне быть может быть лишь аргументом-контейнером значения и не более, т.е. перезаписывая его ты перезаписываешь лишь аргумент/локальную переменную, а не элемент массива напрямую.

Answer 4

[eRKa]

Если напишете так

var arr = [{name:'hello'},{name:'house'},{name:'human'}]
var name = 'John';
arr.forEach(function(item,i,arr){
  item.name = name;
})
console.log(arr);

Тогда
(3) [{…}, {…}, {…}]
{name: "John"},
{name: "John"},
{name: "John"}

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