3 основные функции JavaScript, которые вы должны знать

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

"map()” функция в JavaScript

Функция map() в JavaScript — это функция более высокого порядка, которая используется для преобразования каждого элемента массива в новый элемент. Он создает новый массив той же длины, что и исходный массив, где каждый элемент является результатом применения предоставленной функции к соответствующему элементу исходного массива.

Синтаксис функции map() следующий:

Функция map() принимает два аргумента: функцию обратного вызова и необязательный параметр thisArg.

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

  1. currentValue: Текущий обрабатываемый элемент массива.
  2. index (необязательно): индекс текущего обрабатываемого элемента.
  3. array (необязательно): массив, для которого был вызван map().

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

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

Вот пример, иллюстрирующий использование map()

В этом примере функция map() используется для удвоения каждого элемента в массиве numbers. Функция обратного вызова принимает каждое число number в качестве входных данных, умножает его на 2 и возвращает результат. Затем функция map() собирает возвращаемые значения и создает новый массив (doubledNumbers) с преобразованными элементами.

Функция map() — это мощный инструмент в JavaScript для преобразования элементов массива без изменения исходного массива. Он обычно используется для выполнения таких операций, как сопоставление значений с новым набором значений, извлечение определенных свойств из объектов или применение вычислений к элементам массива.

"reduce()” функция в JavaScript

Функция reduce() в JavaScript — это еще одна функция более высокого порядка, которая используется для сокращения массива до одного значения. Он перебирает элементы массива и применяет функцию обратного вызова к каждому элементу, накапливая один результат. Накопленный результат возвращается в конце процесса.

Синтаксис функции reduce() следующий:

Функция reduce() принимает два аргумента: функцию обратного вызова и необязательный initialValue.

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

  1. accumulator: накопленное значение, которое начинается с initialValue или значения первого элемента в массиве, если initialValue не указано. В последующих итерациях он содержит значение, возвращенное из предыдущей итерации.
  2. currentValue: текущий обрабатываемый элемент массива.
  3. index (необязательно): индекс текущего обрабатываемого элемента.
  4. array (необязательно): массив, для которого был вызван reduce().

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

Вот пример, иллюстрирующий использование reduce()

В этом примере функция reduce() используется для вычисления суммы всех элементов в массиве numbers. Функция обратного вызова принимает accumulator и number в качестве входных данных и возвращает сумму аккумулятора и текущего числа. Функция reduce() накапливает результат на каждой итерации, начиная с начального значения 0, и возвращает окончательное накопленное значение (в данном случае 15).

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

"some()” функция в JavaScript

Функция some() в JavaScript — это функция высшего порядка, которая проверяет, удовлетворяет ли хотя бы один элемент массива заданному условию. Он перебирает элементы массива и вызывает функцию обратного вызова для каждого элемента, пока обратный вызов не вернет true для любого элемента. Если такой элемент найден, функция some() немедленно возвращает true. В противном случае возвращается false.

Синтаксис функции some() следующий:

Функция some() принимает два аргумента: функцию обратного вызова и необязательный параметр thisArg.

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

  1. element: текущий обрабатываемый элемент массива.
  2. index (необязательно): индекс текущего обрабатываемого элемента.
  3. array (необязательно): Массив, для которого был вызван some().

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

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

Вот пример, иллюстрирующий использование some()

В этом примере функция some() используется для проверки того, содержит ли массив numbers хотя бы одно четное число. Функция обратного вызова проверяет, делится ли number на 2 без остатка (number % 2 === 0). Как только она встречает число 2, удовлетворяющее условию, функция some() прекращает итерацию и возвращает true.

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

Благодарность за чтение

Дополнительные материалы на PlainEnglish.io.

Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord .