Почему таким образом осуществляют операцию присвоения?

Question

[ArturPetrov]

Есть такая задача:
При помощи цикла for вывести на экран числа от 1 до 10 массива mass.
Решение:

var mass = [1,2,3,4,5,6,7,8,9,10];
var out= " ";
for(i = 0; i < mass.length; i++){
	out = out + mass[i];
}
document.getElementById('root').innerHTML = out;

Почему пишут вот так:
out = out + mass[i];
Зачем писать еще раз out после "="?

Я проверил если написать просто:
out = mass[i];
Тогда на экран будет выведено только последний элемент- тоесть 10. Но почему так?

Comments

[Kovalsky]

Mass[i] - текущий элемент массива, а сумма это результат сложения всех элементов массива. Даже не знаю толком что тут ещё можно объяснить

[ArturPetrov]

Никита Полевой, Результат сложения по логике должен быть один. Например:
2+4+7 -результат сложения 13. Результат один.
Тогда почему мне на экран вывело все элементы масива а не один? (тоесть результат их сложения). Почему не вывело 55?

Answer 1

[xmoonlight]

Потому, что приращение.

out - строка
mass - массив целых чисел.
"+" для строк в JS - конкатенация: склейка значений.
Если значение переменной выражения не строковая литера - переменная приводится к ней непосредственно перед конкатенацией.

Вариант: out = out + mass[i]; равен out += mass[i];

Answer 2

[DevMan]

потому что написав out = mass[i]; ты теряешь предыдущее значение переменной.

Comments

[ArturPetrov]

я уже понял что теряю) но хочу понять почему при записи:
out = out + mass[i];
не теряется предыдущее значение переменной. Ведь по сути мы перезаписали значение out (прибавили 1). И старое значение должно удалится

[DevMan]

ArturPetrov, оно и удаляется, вместо него записывается новое значение.
давайте по порядку:
out равно " ".
" " + 1 = " 1"; out = " 1"
" 1" + 2 = " 12"; out = " 12" (строка)
" 12" + 3 = " 123"; out = " 123" (строка)
и так далее до десяти.

[ArturPetrov]

DevMan,кажется понял) я просто програмирование изучаю относительно недавно и думаю что сумма в програмированиии после равно это как в математике:
x=1+2 результат 3
а в програмировании получается:
x=1+2 результат 12 - для строк.
да?)

[xmoonlight]

ArturPetrov, Excellent!

[Kovalsky]

ArturPetrov, если попытаться сложить строки "12" и "34", то получится строка "1234". А если попытаться сложить числа 12 и 34, то получится число 46

Answer 3

[dmalapsh]

out содержит текущее состояние переменной, к примеру "123", если ты выполнишь операцию out = mass[3], то заполнишь переменную четвертым значением(т.к. начинается с 0) массива mass в твоем случаи это 4. Как итог у тебя в этой переменной будет только это значение("4"), в js знак "+" является не только операцией сложения чисел, но и знаком конкатенации. То есть к строке out(с содержанием "123"), приклеиться еще и строка "4"(mass[3]) и в итоге получиться новая строка с содержанием "1234" и положиться в значение переменной out удалив предыдущее значение

Answer 4

[Сергей delphinpro]

Тогда почему мне на экран вывело все элементы масива а не один? (тоесть результат их сложения). Почему не вывело 55?

Потому что javascript. $out изначально — строка. Когда вы выполняете конкатенацию строки с числом, число приводится к строке. Когда вы складываете строки — они склеиваются. Вот вам и результат.
Замените строку var out= " "; на var out= 0; и получите на выходе 55.