TypeScript - это естественное расширение JavaScript, которое используется во многих проектах вместо JavaScript.

Однако не все знают, как это работает.

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

Использование стрелочных функций

Стрелочные функции - это способ кратко определить функции.

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

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

Например, у нас есть пример ниже:

const addPrices = (...rest) => {
  return rest.reduce((total, b) => total + b, 0);
};

В приведенном выше коде внешняя функция - это функция.

Мы также передали функцию в метод reduce.

Стрелочная функция состоит из 3 частей.

У нас есть входные параметры, знак равенства, знак отличия и значение результата.

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

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

Работа с массивами

Массивы JavaScript аналогичны массивам в других языках программирования.

Однако их размер можно изменять динамически, и они могут содержать любую комбинацию значений.

Это означает, что они могут быть любого сочетания типов.

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

Массивы JavaScript начинаются с нуля и определяются с помощью квадратных скобок.

Он может иметь начальное содержимое, разделенное запятыми.

Например, мы можем написать:

const names = ['joe', 'jane', 'alex'];

Затем мы создаем массив со всеми строками.

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

У него есть метод concat, который принимает один или несколько массивов в качестве аргументов для объединения их с другим массивом.

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

pop удаляет и возвращает последний элемент массива.

shift удаляет и возвращает первый элемент в массиве.

push принимает item в качестве аргумента и добавляет его в конец массива на месте.

unshiift берет item и добавляет его в начало массива.

reverse возвращает новый массив с перевернутыми элементами исходного массива.

slice(start, end) возвращает секунду массива.

sort сортирует массив с помощью функции сравнения для пользовательской сортировки.

splice(index, count) удаляет элемент от index до count.

every(test) возвращает true, если функция test возвращает true, когда она вызывается со всеми значениями массива.

some(test) возвращает true, если функция test возвращает true, когда она вызывается с некоторыми записями массива.

filter(test) возвращает массив с элементами, который возвращает true, когда они вызываются с test.

find(test) возвращает первый экземпляр того, что возвращает true при вызове с test.

findIndex(test) возвращает индекс первого экземпляра чего-то, что возвращает true при вызове с test.

forEach(callback) проходит по циклу и вызывает callback для каждого элемента.

includes(value) возвращает true, если value находится внутри массива.

map(callback) возвращает новый массив с результатами вызова callback для всех элементов в массиве.

reduce(callback) возвращает накопленное значение, полученное при запуске callback для каждого элемента массива.

Оператор распространения

Оператор распространения может использоваться с массивами по-разному.

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

Например, мы можем написать:

const addPrices = (...rest) => {
  return rest.reduce((a, b) => a + b, 0);
};
const prices = [1, 2];
const totalPrice = addPrices(...prices);

Затем мы распространяем массив prices в качестве аргументов в функцию addPrices.

Заключение

Стрелочные функции полезны в нашем коде TypeScript.

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

Существуют также методы управления методами на месте, например добавление и удаление элементов.

Оператор распространения для распределения элементов, находящихся в массиве, в аргументы функции.