Полезные методы массивов и объектов в javascript

Содержание:

JS Массивы Добавление и удаление элементов. Свойство length

JavaScript

document.write(« <hr />»);

var myArr = ;
myArr.push(«Новый фрукт»); //Добавляет элемент в самый конец массива
document.write(«Добавляет элемент в самый конец массива push: » + myArr + « »);
document.write(« <hr />»);

myArr.unshift(«Ещё один Новый фрукт»); //Добавляет элемент в начало
document.write(«Добавляет элемент в начало unshift: » + myArr + « »);
document.write(« <hr />»);

myArr.pop(); //Удаляем последний элемент из массива
document.write(«Удаляем последний элемент из массива pop: » + myArr + « »);
document.write(« <hr />»);

myArr.shift(); //Удаляем Первый элемент массива
document.write(«Удаляем Первый элемент массива shift: » + myArr + « »);
document.write(« <hr />»);

document.write(«Последний элемент массива myArr: » + myArr + « »); //Выведем элемент который остался последним
document.write(« <hr />»);

</script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

varsameoneArr=»Нулевой элемент»,»Первый элемент»,»Второй элемент»,»Третий элемент»,»Четвёртый элемент»;

varobgectArr=newArray(10);

varcount1=sameoneArr.length;//Возвращает количество элементов в массиве

varcount2=obgectArr.length;//Возвращает количество элементов в массиве

document.write(«Количество элементов в классическом массиве «+count1+» — «+sameoneArr2+» »);

document.write(«Количество элементов в объектном массиве «+count2+» — «+obgectArr3+» »);

document.write(« <hr />»);

varmyArr=»Апельсин»,»Яблоко»,»Грецкий орех»,»Арбуз»,»Дыня»;

myArr.push(«Новый фрукт»);//Добавляет элемент в самый конец массива

document.write(«Добавляет элемент в самый конец массива push: «+myArr+» »);

document.write(« <hr />»);

myArr.unshift(«Ещё один Новый фрукт»);//Добавляет элемент в начало

document.write(«Добавляет элемент в начало unshift: «+myArr+» »);

document.write(« <hr />»);

myArr.pop();//Удаляем последний элемент из массива

document.write(«Удаляем последний элемент из массива pop: «+myArr+» »);

document.write(« <hr />»);

myArr.shift();//Удаляем Первый элемент массива

document.write(«Удаляем Первый элемент массива shift: «+myArr+» »);

document.write(« <hr />»);

document.write(«Последний элемент массива myArr: «+myArrmyArr.length-1+» »);//Выведем элемент который остался последним

document.write(« <hr />»);

</script>

Количество просмотров: 317

| Категория: JavaScript | Тэги: массивы / основы

Описание

Типизированные массивы javascript

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

эффективен только применительно к свойствам объектов. Он не оказывает никакого влияния на имена переменных и функций.
Присвоение значения свойству без указания объекта (без оператора var) иногда неверно характеризуется, как глобальная переменная, (например ). На самом деле происходит присвоение значения свойству глобального объекта.

не может удалить определённые свойства встроенных объектов (таких как Object, Array, Math и так далее). В спецификации ECMA-262 они обозначены как DontDelete.

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

Когда с помощью оператора delete удаляется элемент массива, длина массива не меняется. Например, если вы удалите a, a по прежнему a, а a не определено. Так будет даже если вы удалите последний элемент массива ().

Когда оператор удаляет элемент массива, этот элемент больше не существует в массиве. В следующем примере, trees удаляется с помощью .

Если вы хотите, чтобы элемент массива существовал, но имел значение undefined, используйте значение вместо оператора . В следующем примере, trees принимает значение undefined, но элемент массива все ещё существует:

Синтаксис

Перебор массива. измерение скорости. javascript

где результат вычисления выражения должен быть ссылкой на свойство (объекта), например:

delete object.property
delete object
delete object
delete property // удаляет свойства глобального объекта, или,
                // используя инструкцию with, свойства объекта, на который ссылается инструкция

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

Имя объекта или выражение, результатом вычисления которого является объект.

Удаляемое свойство.

Целое число, представляющее собой индекс массива, который должен быть удалён.

Возвращает false, только если свойство существует в самом объекте, а не в его прототипах, и не может быть удалено. Во всех остальных случаях возвращает true.

Удаление дубликатов из одномерных массивов (легкий способ)

Quick tip: how to sort an array of objects in javascript

Предположим, что у нас есть массив строк:

const strings = ;

Чтобы удалить повторяющиеся элементы из такого массива, можно использовать метод filter() вместе с методом indexOf(). Он позволяет проверить, не повторяется ли какой-либо из элементов.

const filteredStrings = strings.filter((item, index) => {

    // Возврат к новому массиву, если индекс текущего элемента
//совпадает с другим

return strings.indexOf(item) === index;

});

strings.indexOf(item) всегда будет возвращать индекс первого вхождения элемента, мы можем выяснить, является ли текущий элемент повторяющимся в фильтрующей цикле. Если да, мы не возвращаем его в новый массив, созданный методом filter().

Описание

Массивы являются спископодобными объектами, чьи прототипы содержат методы для операций обхода и изменения массива. Ни размер JavaScript-массива, ни типы его элементов не являются фиксированными. Поскольку размер массива может увеличиваться и уменьшаться в любое время, то нет гарантии, что массив окажется плотным. То есть, при работе с массивом может возникнуть ситуация, что элемент массива, к которому вы обратитесь, будет пустым и вернёт . В целом, это удобная характеристика; но если эта особенность массива не желательна в вашем специфическом случае, вы можете рассмотреть возможность использования типизированных массивов.

Некоторые полагают, что вы не должны использовать массив в качестве ассоциативного массива. В любом случае, вместо него вы можете использовать простые , хотя у них есть и свои подводные камни. Смотрите пост Легковесные JavaScript-словари с произвольными ключами(англ.) в качестве примера.

Массивы в JavaScript индексируются с нуля: первый элемент массива имеет индекс, равный , а индекс последнего элемента равен значению свойства массива минус 1.

Элементы массива являются свойствами, точно такими же, как, например, свойство , однако попытка получить элемент массива по имени его свойства приведёт к синтаксической ошибке, поскольку имя свойства не является допустимым именем JavaScript:

Это не особенность массивов или их свойств. В JavaScript к свойствам, начинающимся с цифры, невозможно обратиться посредством точечной нотации; к ним можно обратиться только с помощью скобочной нотации. Например, если у вас есть объект со свойством, названным , вы сможете обратиться к нему только посредством скобочной нотации. Примеры:

Обратите внимание, что во втором примере заключено в кавычки:. Индексы можно заключать в кавычки (например вместо ), но в этом нет необходимости

Значение 2 в выражении будет неявно приведено к строке движком JavaScript через метод преобразования . Именно по этой причине ключи и будут ссылаться на два разных элемента в объекте и следующий пример выведет :

Аналогично, к свойствам объекта, являющимся зарезервированными словами(!) можно получить доступ только посредством скобочной нотации:

Свойство массивов взаимосвязано с числовыми свойствами. Некоторые встроенные методы массива (например, , , и т.д.) учитывают значение свойства при своём вызове. Другие методы (например, , и т.д.) в результате своей работы также обновляют свойство массива.

При установке свойства в массиве, если свойство имеет действительный индекс и этот индекс выходит за пределы текущих границ массива, движок соответствующим образом обновит свойство :

Увеличиваем свойство

Однако, уменьшение свойства приведёт к удалению элементов.

Более подробно эта тема освещена на странице, посвящённой свойству .

Результатом сопоставления регулярного выражения строке является JavaScript-массив. Этот массив имеет свойства и элементы, предоставляющие информацию о сопоставлении. Подобные массивы возвращаются методами , и . Чтобы было проще понять, откуда и какие появились свойства и элементы, посмотрите следующий пример и обратитесь к таблице ниже:

Свойства и элементы, возвращаемые из данного сопоставления, описаны ниже:

Свойство/Элемент	Описание	Пример
	Свойство только для чтения, отражающее оригинальную строку, с которой сопоставлялось регулярное выражение.	cdbBdbsbz
	Свойство только для чтения, являющееся индексом (отсчёт начинается с нуля) в строке, с которого началось сопоставление.	1
	Элемент только для чтения, определяющий последние сопоставившиеся символы.	dbBd
	Элементы только для чтения, определяющие сопоставившиеся подстроки, заключённые в круглые скобки, если те включены в регулярное выражение. Количество возможных подстрок не ограничено.	: bB : d

# includes

Метод определяет, содержит ли массив определённый элемент, возвращая в зависимости от этого или .

Пример использования .

Вот такое логическое выражение:

используя метод includes можно записать вот так:

JavaScript методы, свойства и события для video и audio

Эти методы, свойства и события позволяют нам управлять элементами audio и video с помощью JavaScript, что позволяет писать собственные видео-плееры и аудио-проигрыватели с любым необходимым функционалом.

Генератор случайных чисел кратных заданному значению

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

Гугл карта для сайта — Google Maps API

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

Математические функции и операторы в JavaScript

Сборка арифметических операторов и методов чисел в JavaScript. Всё что связано с математикой в JavaScript с примерами функций и решений, собрано вместе на одной странице.

Методы консоли в JavaScript

В JavaScript специально для работы с консолью есть объект console. Ниже описаны доступные для объекта Console методы и приведены несколько примеров их использования.

Получение параметров из урла

Данное решение — это готовая javascript-функция, которая послужит для получения параметров из url-адреса веб-страницы.

Копирование массива в JavaScript

slice()

В JS копирование массива бывает поверхностным либо неглубоким (shallow copy) а также deep copy, то есть глубоким.

В первом случае мы присваиваем переменной значение другой переменной, хранящей массив:

    var users = "Tom", "Bob", "Bill"];
console.log(users);     //  
var people = users;     //  shallow copy

people1 = "John";     //  меняем 2-й элемент
console.log(users);     //

В нашем случае переменная people после неглубокого копирования станет указывать на тот же массив, что и переменная users. Именно поэтому в случае изменения элементов в people, поменяются элементы и в users, ведь по факту это один и тот же массив.

Вышеописанное поведение не всегда желательно. К примеру, нам надо, чтобы после копирования переменные указывали на отдельные массивы. Тогда подойдёт глубокое копирование посредством метода slice():

    var users = "Tom", "Bob", "Bill"];
console.log(users);             //  
var people = users.slice();     //  deep copy

people1 = "John";             //  меняем 2-й элемент
console.log(users);             //  
console.log(people);            //

Теперь после копирования переменные станут указывать на разные массивы, поэтому мы сможем менять их отдельно друг от друга.

Кроме того, функция slice() даёт возможность копировать часть массива:

    var users = "Tom", "Bob", "Bill", "Alice", "Kate"];
var people = users.slice(1, 4);
console.log(people);        //

В функцию slice() мы передаём начальный и конечный индексы, используемые для выборки значений из нашего массива. В таком случае выборка в новый массив начнётся с первого индекса по индекс № 4, не включая его. И, так как индексация массивов в JavaScript начинается с нуля, в новом массиве будут 2-й, 3-й и 4-й элементы.

push()

Функция push() добавит элемент в конец нашего массива:

    var fruit = [];
fruit.push("груши");
fruit.push("яблоки");
fruit.push("сливы");
fruit.push("вишни","абрикосы");

document.write("В массиве fruit " + fruit.length + " элемента: <br/>");
document.write(fruit); // груши,яблоки,сливы,вишни,абрикосы

pop()

Такая функция, как pop(), удалит последний элемент из JavaScript-массива:

    var fruit = "груши", "яблоки", "сливы"];

var lastFruit = fruit.pop(); // из массива извлекается последний элемент
document.write(lastFruit + "<br/>");
document.write("В массиве fruit " + fruit.length + " элемента: <br/>");
for(var i=; i <fruit.length; i++)
    document.write(fruiti + "<br/>");

Итоговый вывод:

сливы
В массиве fruit 2 элемента: 
груши
яблоки

shift()

Теперь рассмотрим функцию shift(). Она может извлекать и удалять 1-й элемент из массива:

    var fruit = "груши", "яблоки", "сливы"];

var firstFruit = fruit.shift();
document.write(firstFruit + "<br/>");
document.write("В массиве fruit " + fruit.length + " элемента: <br/>");
for(var i=; i <fruit.length; i++)
    document.write(fruiti + "<br/>");

Вывод следующий:

груши
В массиве fruit 2 элемента: 
яблоки
сливы

unshift()

Что касается функции unshift(), то она добавит новый элемент в самое начало массива:

    var fruit = "груши", "яблоки", "сливы"];
fruit.unshift("апельсины");
document.write(fruit);

Вывод браузера:

апельсины,груши,яблоки,сливы

Поиск индекса элемента в JS

Функции indexOf() и lastIndexOf() вернут индекс 1-го и последнего включения элемента в массиве. К примеру:

    var fruit = "яблоки", "груши", "огурцы", "яблоки", "груши"];

var firstIndex = fruit.indexOf("яблоки");
var lastIndex = fruit.lastIndexOf("яблоки");
var otherIndex = fruit.indexOf("черешня");
document.write(firstIndex); // 0
document.write(lastIndex);  // 3
document.write(otherIndex); // -1

У firstIndex значение 0, так как первое включение «яблоки» в нашем массиве приходится на индекс 0, последнее — на индекс № 3. Если же элемент в массиве отсутствует, функции indexOf() и lastIndexOf() вернут значение -1.

every()

С помощью every() мы проверим, все ли наши элементы соответствуют какому-нибудь условию:

    var numbers =  1, -12, 8, -2, 25, 62 ];
function condition(value, index, array) {
    var result = false;
    if (value > ) {
        result = true;
    }
    return result;
};
var passed = numbers.every(condition);
document.write(passed); // false

В метод every() в качестве параметра осуществляется передача функции, представляющей условие. Данная функция принимает 3 параметра:

    function condition(value, index, array) {

}

Здесь параметр value представляет перебираемый текущий элемент массива, параметр index представляет индекс данного элемента, а параметр array осуществляет передачу ссылки на массив.

В такой функции можно проверить переданное значение элемента на его соответствие определённому условию. В нашем примере мы проверяем каждый элемент массива на условие, больше ли он нуля. Когда больше, возвращается значение true, так как элемент соответствует условию. Когда меньше, возвращается значение false, т. к. элемент не соответствует нашему условию.

В результате, когда осуществляется вызов метода numbers.every(condition) он выполняет перебор всех элементов нашего массива numbers, а потом поочерёдно передает их в функцию condition. Когда эта функция возвращает значение true для всех элементов, метод every() тоже возвращает true. Когда хоть один элемент условию не соответствует, возвращается false.

some()

Функция/метод some() похожа на every() с той лишь разницей, что осуществляется проверка на соответствие условию хотя бы одного элемента.

Здесь some() вернёт true. Но если соответствующих условию элементов в массиве не будет, вернётся false:

    var numbers =  1, -12, 8, -2, 25, 62 ];
function condition(value, index, array) {
    var result = false;
    if (value === 8) {
        result = true;
    }
    return result;
};
var passed = numbers.some(condition); // true

filter()

Как some() и every(), метод filter()принимает функцию условия. Но тут возвращается массив элементов, соответствующих условию:

    var numbers =  1, -12, 8, -2, 25, 62 ];
function condition(value, index, array) {
    var result = false;
    if (value > ) {
        result = true;
    }
    return result;
};
var filteredNumbers = numbers.filter(condition);

for(var i=; i < filteredNumbers.length; i++)
    document.write(filteredNumbersi + "<br/>");

Вот результат вывода:

forEach() и map()

Функции forEach() и map() выполняют перебор элементов, осуществляя с ними некоторые операции. К примеру, чтобы вычислить квадраты чисел в массиве, делаем так:

    var numbers =  1, 2, 3, 4, 5, 6];
for(var i = ; i<numbers.length; i++){

    var result = numbersi * numbersi];

    document.write("Квадрат нашего числа " + numbersi + " равен " + result + "<br/>");
}

Конструкция может быть упрощена посредством forEach():

    var numbers =  1, 2, 3, 4, 5, 6];

function square(value, index, array) {

    var result = value * value;
    document.write("Квадрат нашего числа " + value + " равен " + result + "<br/>");
};

numbers.forEach(square);

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

Что касается map(), то этот метод похож на forEach с той лишь разницей, что map() возвращает новый массив, где отображены результаты операций над элементами массива.

Допустим, давайте, применим map к вычислению квадратов чисел нашего массива:

    var numbers =  1, 2, 3, 4, 5, 6];

function square(value, index, array) {

    return result = value * value;
};

var squareArray = numbers.map(square);
document.write(squareArray);

Функция, передаваемая в map(), получает текущий перебираемый элемент, выполняя над ним операции и возвращая некоторое значение. Именно это значение и попадает в результирующий массив squareArray.

Большинство методов поддерживают «thisArg»

Почти все методы массива, которые вызывают функции – такие как , , , за исключением метода , принимают необязательный параметр .

Этот параметр не объяснялся выше, так как очень редко используется, но для наиболее полного понимания темы мы обязаны его рассмотреть.

Вот полный синтаксис этих методов:

Значение параметра становится для .

Например, вот тут мы используем метод объекта как фильтр, и передаёт ему контекст:

Если бы мы в примере выше использовали просто , то вызов был бы в режиме отдельной функции, с . Это тут же привело бы к ошибке.

Вызов можно заменить на , который делает то же самое. Последняя запись используется даже чаще, так как функция-стрелка более наглядна.

JS Учебник

JS ГлавнаяJS ВведениеJS Что? Где? Куда?JS ВыводJS ЗаявленияJS СинтаксисJS КомментарииJS ПеременныеJS ОператорыJS АрифметикаJS ПрисваиванияJS Типы данныхJS ФункцииJS ОбъектыJS СобытияJS СтрокиJS Методы строкJS ЧислаJS Методы чиселJS МассивыJS Методы массиваJS Сортировка массиваJS Итерация массиваJS Объекты датJS Формат датJS Метод получения датJS Метод набора датJS Математические…JS Случайные числаJS БулевыJS Сравнение…JS Заявления if…elseJS Заявление switchJS Цикл forJS Цикл whileJS Заявление break…JS Преобразование…JS Битовые…JS Регулярные выраженияJS ОшибкиJS ОбластьJS ПодъемныйJS СтрогийJS Ключевое слово thisJS Ключевое слово letJS КонстантыJS Функция стрелкиJS КлассыJS ОтладчикJS Руководство стиляJS ПрактикаJS Распространенные ошибкиJS ЭффективностьJS Зарезервированные словаJS ВерсииJS Версия ES5JS Версия ES6JS Версия 2016JS Версия 2017JS JSON

Массив с повторяющимися строками или числами

В первом массиве повторяются только строки, во втором будут только повторяющиеся числа, в третьем — смесь из чисел и строк.

Чтобы избавиться от повторяющихся данных, можно воспользоваться объектом . принимает только уникальные значения. При этом, учитывается тип значения, т.е. число и в строке будут различаться.

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

See this code Resolve duplication in array with Set on x.xhtml.ru.

Однако, теперь массивы превратились в объекты , а это не одно и то же. Поэтому нужно преобразовать каждый обратно в массив.

Один из простых способов сделать это — использовать синтаксис внутри квадратных скобок .
Для многократного использования всех преобразований, лучше разместить их в функции:

Что делает функция

В функцию передаётся параметр , в котором ожидается не пустой массив. В операторе проверяется, что передан массив и в нём есть элементы.

Если условия выполняются, массив вызовом преобразуется в объект . Затем с помощью синтаксиса превращается обратно в массив.

See this code Resolve duplication in array with custom function on x.xhtml.ru.

Удаление дублей с помощью только методов массива

Если не хочется выполнять лишние преобразования в и обратно, можно использовать только методы массивов, например с помощью :

Или так, с помощью :

Этот вариант хорош ещё тем, что если его немного переделать, то легко можно получить наоборот массив из дублей значений исходного, так:

Объявление

Существует два варианта синтаксиса для создания пустого массива:

Практически всегда используется второй вариант синтаксиса. В скобках мы можем указать начальные значения элементов:

Элементы массива нумеруются, начиная с нуля.

Мы можем получить элемент, указав его номер в квадратных скобках:

Мы можем заменить элемент:

…Или добавить новый к существующему массиву:

Общее число элементов массива содержится в его свойстве :

Вывести массив целиком можно при помощи .

В массиве могут храниться элементы любого типа.

Например:

Висячая запятая

Список элементов массива, как и список свойств объекта, может оканчиваться запятой:

«Висячая запятая» упрощает процесс добавления/удаления элементов, так как все строки становятся идентичными.

Поиск в массиве

Далее рассмотрим методы, которые помогут найти что-нибудь в массиве.

Методы arr.indexOf, arr.lastIndexOf и arr.includes имеют одинаковый синтаксис и делают по сути то же самое, что и их строковые аналоги, но работают с элементами вместо символов:

ищет , начиная с индекса , и возвращает индекс, на котором был найден искомый элемент, в противном случае .
– то же самое, но ищет справа налево.
– ищет , начиная с индекса , и возвращает , если поиск успешен.

Например:

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

Если мы хотим проверить наличие элемента, и нет необходимости знать его точный индекс, тогда предпочтительным является .

Кроме того, очень незначительным отличием является то, что он правильно обрабатывает в отличие от :

Представьте, что у нас есть массив объектов. Как нам найти объект с определённым условием?

Здесь пригодится метод arr.find.

Его синтаксис таков:

Функция вызывается по очереди для каждого элемента массива:

– очередной элемент.
– его индекс.
– сам массив.

Если функция возвращает , поиск прерывается и возвращается . Если ничего не найдено, возвращается .

Например, у нас есть массив пользователей, каждый из которых имеет поля и . Попробуем найти того, кто с :

В реальной жизни массивы объектов – обычное дело, поэтому метод крайне полезен.

Обратите внимание, что в данном примере мы передаём функцию , с одним аргументом. Это типично, дополнительные аргументы этой функции используются редко

Метод arr.findIndex – по сути, то же самое, но возвращает индекс, на котором был найден элемент, а не сам элемент, и , если ничего не найдено.

Метод ищет один (первый попавшийся) элемент, на котором функция-колбэк вернёт .

На тот случай, если найденных элементов может быть много, предусмотрен метод arr.filter(fn).

Синтаксис этого метода схож с , но возвращает массив из всех подходящих элементов:

Например:

reduce/reduceRight

Метод «arr.reduce(callback)» используется для последовательной обработки каждого элемента массива с сохранением промежуточного результата.

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

Метод используется для вычисления на основе массива какого-либо единого значения, иначе говорят «для свёртки массива». Чуть далее мы разберём пример для вычисления суммы.

Он применяет функцию по очереди к каждому элементу массива слева направо, сохраняя при этом промежуточный результат.

Аргументы функции :

– последний результат вызова функции, он же «промежуточный результат».
– текущий элемент массива, элементы перебираются по очереди слева-направо.
– номер текущего элемента.
– обрабатываемый массив.

Кроме , методу можно передать «начальное значение» – аргумент . Если он есть, то на первом вызове значение будет равно , а если у нет второго аргумента, то оно равно первому элементу массива, а перебор начинается со второго.

Проще всего понять работу метода на примере.

Например, в качестве «свёртки» мы хотим получить сумму всех элементов массива.

Вот решение в одну строку:

Разберём, что в нём происходит.

При первом запуске – исходное значение, с которого начинаются вычисления, равно нулю (второй аргумент ).

Сначала анонимная функция вызывается с этим начальным значением и первым элементом массива, результат запоминается и передаётся в следующий вызов, уже со вторым аргументом массива, затем новое значение участвует в вычислениях с третьим аргументом и так далее.

Поток вычислений получается такой

В виде таблицы где каждая строка – вызов функции на очередном элементе массива:

			результат
первый вызов
второй вызов
третий вызов
четвёртый вызов
пятый вызов

Как видно, результат предыдущего вызова передаётся в первый аргумент следующего.

Кстати, полный набор аргументов функции для включает в себя , то есть номер текущего вызова и весь массив , но здесь в них нет нужды.

Посмотрим, что будет, если не указать в вызове :

Результат – точно такой же! Это потому, что при отсутствии в качестве первого значения берётся первый элемент массива, а перебор стартует со второго.

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

Метод arr.reduceRight работает аналогично, но идёт по массиву справа-налево.