Автор Admin, опубликовано 13 мая 2023 г. | 18 минут, 1775 слов
В JavaScript массивы — одна из самых мощных и универсальных функций языка. Их можно использовать для хранения различных типов данных, включая строки, числа, объекты и даже другие массивы. Массивы также имеют широкий спектр методов, которые можно использовать для управления их содержимым.
В этой статье мы обсудим наиболее важные методы работы с массивами в JavaScript. Мы расскажем, как использовать каждый метод, а также приведем несколько примеров того, как их можно использовать в реальных приложениях.
Вот некоторые из наиболее важных методов массива JavaScript: Эти методы можно использовать для выполнения различных задач, например:
- Перебор элементов массива
- Создание нового массива с результатами функции, примененной к каждому элементу исходного массива
- Выбор элементов из массива, соответствующих определенным критериям
- Объединение элементов массива в одно значение
- Изменение порядка элементов в массиве
- Сортировка элементов в массиве
- И многое другое!
Изучив, как использовать методы массива JavaScript, вы можете значительно улучшить свою способность писать эффективный и действенный код JavaScript.
Давайте погрузимся и узнаем
для каждого
Метод forEach используется для выполнения функции обратного вызова для каждого элемента массива. Функция обратного вызова принимает текущий элемент в качестве единственного аргумента.
const fruits = ['apple', 'banana', 'orange'];
fruits.forEach(function(fruit) {
console.log(fruit);
});
Этот код выведет на консоль следующее:
apple banana orange
карта
Метод карты используется для создания нового массива с результатами вызова функции обратного вызова для каждого элемента в исходном массиве. Функция обратного вызова принимает текущий элемент в качестве единственного аргумента и возвращает новое значение для этого элемента.
const numbers = [1, 2, 3, 4, 5];
const squares = numbers.map(function(number) {
return number * number;
});
Этот код создаст новый массив с именем квадраты со следующими элементами:
Этот код выведет на консоль следующее:
1 4 9 16 25
фильтр
Метод filter используется для создания нового массива с элементами исходного массива, прошедшими определенный тест. Тест представляет собой функцию обратного вызова, которая принимает текущий элемент в качестве единственного аргумента и возвращает логическое значение.
const fruits = ['apple', 'banana', 'orange', 'grape', 'cherry'];
const citrusFruits = fruits.filter(function(fruit) {
return fruit.startsWith('c');
});
Этот код создаст новый массив citrusFruits со следующими элементами:
Этот код выведет на консоль следующее:
'apple' 'orange'
уменьшать
Метод сокращения используется для уменьшения массива до одного значения путем объединения элементов с помощью функции обратного вызова. Функция обратного вызова принимает два аргумента: текущее значение аккумулятора и текущий элемент. Значение аккумулятора инициализируется значением первого элемента в массиве.
const prices = [10, 20, 30, 40, 50];
const totalPrice = prices.reduce(function(accumulator, price) {
return accumulator + price;
});
console.log(totalPrice);
Этот код рассчитает общую стоимость всех элементов в массиве цен. Общая цена будет храниться в переменной totalPrice.
Этот код выведет на консоль следующее:
150
уменьшитьПраво
Метод reduceRight похож на метод reduce, но он начинает объединение элементов с конца массива.
const words = ['This', 'is', 'a', 'sentence'];
const reversedSentence = words.reduceRight(function(accumulator, word) {
return accumulator + word;
});
console.log(reversedSentence);
Этот код изменит порядок слов в массиве words и сохранит результат в переменной reversedSentence.
Этот код выведет на консоль следующее:
sentenceaisThis
каждый
Каждый метод используется для проверки того, проходят ли все элементы массива определенный тест. Тест представляет собой функцию обратного вызова, которая принимает текущий элемент в качестве единственного аргумента и возвращает логическое значение.
const isEven = function(number) {
return number % 2 === 0;
};
const allEven = [2, 4, 6, 8].every(isEven);
Этот код проверит, все ли элементы в массиве allEven четные. Код вернет true, потому что все элементы в массиве четные.
Этот код выведет на консоль следующее:
true
некоторый
Метод some используется для проверки того, проходит ли какой-либо из элементов массива определенный тест. Тест представляет собой функцию обратного вызова, которая принимает текущий элемент в качестве единственного аргумента и возвращает логическое значение.
const isGreaterThanTen = function(number) {
return number > 10;
};
const anyGreaterThanTen = [1, 2, 3, 11, 15, 9].some(isGreaterThanTen);
console.log(anyGreaterThanTen);
Этот код выведет на консоль следующее:
11 15
индекс
Метод indexOf() — это метод JavaScript, который используется для поиска индекса указанного значения в массиве. Метод indexOf() принимает два аргумента: значение для поиска и начальный индекс. Начальный индекс является необязательным и по умолчанию равен 0.
Если значение найдено в массиве, метод indexOf() возвращает индекс значения. Если значение не найдено в массиве, метод indexOf() возвращает -1.
const fruits = ['apple', 'banana', 'orange'];
const index = fruits.indexOf('apple');
console.log(index);
Выведет следующее:
0
lastIndexOf
Метод lastIndexOf() — это метод JavaScript, который используется для поиска индекса последнего вхождения указанного значения в массиве. Метод lastIndexOf() принимает два аргумента: значение для поиска и начальный индекс. Начальный индекс является необязательным и по умолчанию равен длине массива минус 1.
Если значение найдено в массиве, метод lastIndexOf() возвращает индекс значения. Если значение не найдено в массиве, метод lastIndexOf() возвращает -1.
const fruits = ['apple', 'banana', 'orange'];
const index = fruits.lastIndexOf('kiwi');
console.log(index);
Выведет следующее:
-1
присоединиться
Метод join() возвращает строку, являющуюся результатом объединения всех элементов массива, разделенных указанным разделителем. Разделителем может быть строка, число или объект. Если разделитель не указан, элементы массива будут соединены запятой.
Например, следующий код:
const fruits = ['apple', 'banana', 'orange'];
const joinedFruits = fruits.join(', ');
console.log(joinedFruits);
Выведет следующее:
apple, banana, orange
кусочек
Метод slice() возвращает новый массив, содержащий часть исходного массива. Метод slice() принимает три аргумента: начальный индекс, конечный индекс и необязательное значение шага. Начальный индекс — это индекс первого элемента, который будет включен в новый массив. Конечный индекс — это индекс последнего элемента, который будет включен в новый массив. Значение шага — это количество элементов, которые нужно пропустить между каждым элементом в новом массиве.
Например, следующий код:
const fruits = ['apple', 'banana', 'orange', 'grape', 'cherry']; const newFruits = fruits.slice(1, 3); console.log(newFruits);
Выведет следующее:
banana, orange]
соединение
Метод splice() изменяет содержимое массива, удаляя и/или добавляя элементы. Метод splice() принимает три или четыре аргумента: начальный индекс, количество удаляемых элементов и необязательные элементы для добавления. Начальный индекс — это индекс первого удаляемого элемента. Количество элементов для удаления — это количество элементов, которые необходимо удалить из массива. Необязательные элементы для добавления — это элементы, добавляемые в массив.
Например, следующий код:
const fruits = ['apple', 'banana', 'orange', 'grape', 'cherry']; fruits.splice(1, 2, 'mango'); console.log(fruits);
Выведет следующее:
[apple, mango, orange, grape, cherry]
обеспечить регресс
Метод reverse() меняет порядок элементов в массиве на обратный.
Например, следующий код:
const fruits = ['apple', 'banana', 'orange']; fruits.reverse(); console.log(fruits);
Выведет следующее:
[orange, banana, apple]
Сортировать
Метод sort() сортирует элементы массива на месте. Порядок сортировки по умолчанию — возрастающий, но вы можете указать другой порядок сортировки, передав функцию в качестве первого аргумента методу sort(). Функция должна принимать два аргумента и возвращать отрицательное число, ноль или положительное число, в зависимости от того, является ли первый аргумент меньше, равен или больше второго аргумента.
Например, следующий код:
const fruits = ['apple', 'banana', 'orange']; fruits.sort(); console.log(fruits);
Выведет следующее:
['apple', 'banana', 'orange']
копировать внутри
Метод copyWithin() копирует часть массива в другое место в массиве. Метод copyWithin() принимает четыре аргумента: начальный индекс, конечный индекс, исходный индекс и необязательный целевой индекс. Начальный индекс — это индекс первого копируемого элемента. Конечный индекс — это индекс последнего копируемого элемента. Исходный индекс — это индекс элемента в исходном массиве, который будет скопирован в целевой массив. Целевой индекс — это индекс элемента в целевом массиве, который будет перезаписан скопированным элементом.
Например, следующий код:
const fruits = ['apple', 'banana', 'orange']; fruits.copyWithin(1, 2, 0); console.log(fruits);
Выведет следующее:
['banana', 'apple', 'orange']
наполнять
Метод fill() заполняет массив указанным значением. Метод fill() принимает два аргумента: значение для заполнения массива и необязательный начальный индекс. Начальный индекс — это индекс первого заполняемого элемента. Если начальный индекс не указан, операция заполнения начнется с начала массива.
Например, следующий код:
const fruits = ['apple', 'banana', 'orange'];
fruits.fill('*');
console.log(fruits);
Выведет следующее:
['*', '*', '*']
записи
Метод entry() возвращает массив массивов, где каждый внутренний массив содержит ключ и значение каждого элемента исходного массива.
Например, следующий код:
const fruits = ['apple', 'banana', 'orange']; const entries = fruits.entries(); console.log(entries);
Выведет следующее:
[ [0, 'apple'], [1, 'banana'], [2, 'orange'] ]
ключи
Метод keys() возвращает массив ключей исходного массива.
Например, следующий код:
const fruits = ['apple', 'banana', 'orange']; const keys = fruits.keys(); console.log(keys);
Выведет следующее:
[0, 1, 2]
ценности
Метод values() возвращает массив значений исходного массива.
Например, следующий код:
const fruits = ['apple', 'banana', 'orange']; const values = fruits.values(); console.log(values);
Выведет следующее:
['apple', 'banana', 'orange']
от
Метод from() создает новый массив из итерируемого объекта. Метод from() принимает один аргумент: итерируемый объект. Итерируемый объект может быть массивом, объектом, строкой или функцией-генератором.
Например, следующий код:
const fruits = ['apple', 'banana', 'orange']; const newFruits = Array.from(fruits); console.log(newFruits);
Выведет следующее:
['apple', 'banana', 'orange']
of
Метод of() создает новый массив с указанными элементами. Метод of() принимает один или несколько аргументов, каждый из которых является элементом, добавляемым в массив.
Например, следующий код:
const fruits = Array.of('apple', 'banana', 'orange');
console.log(fruits);
Выведет следующее:
['apple', 'banana', 'orange']
Первоначально опубликовано на https://nihardaily.com 13 мая 2023 г.
