В чем разница, когда значение возвращаемого массива печатается горизонтально и вертикально?

Question

В чем разница, когда значение возвращаемого массива распечатывается горизонтально и вертикально?

var a = [2,3,4,5]; 

var printSquares = function (arr) { 
arr.forEach(function (n) { 
    console.log(n * n); 
}); 

output:4 
     9 
     16 
     25 
vs 

var selfDot = function (arr) { 
return arr.map(function (n) { 
    return n * n; 
}); 
}; 
output: [4,9,16,25] 

Answer 1

На console.log(n * n);, вы говорите JavaScript, чтобы log на console возвращающийся значение n * n; console.log() возвращает все, что вы передаете ему, как string, и добавляет newline к его концу, следовательно, iterating над array, сообщая ему console.log() что-то каждый раз, когда он итерации будет выдавать возвращаемое значение вашей операции в круглой скобке как a string, прыгая по одной линии каждый раз. Вы говорите это так:

Для каждого п элемент массива, распечатать результат п * п, добавление новой строки.

На вашем втором примере, вместо того, чтобы просто iterating, вы mapping каждый элемент массива, для возвращаемого значения n * n. .map - метод, который возвращает новый массив, значения которого были созданы при повторении через массив. Он обычно используется, когда вы хотите изменить состояние элементов данного массива. На этом примере вы говорите JavaScript, чтобы сделать это:

Вернуться на меня новый массив, основываясь на результатах работы N * N на каждом элементе массива п.