Методы работы с массивами в JavaScript, которые необходимо знать в 2021 году
Это перевод статьи, опубликованной на сайте dev.to. Автор: Ibrahima Ndaw.
Массив в JavaScript — это особая структура данных, которая используется для хранения различных элементов. С помощью встроенных в нее свойств и методов можно добавить, удалить, перебрать или обработать данные в соответствии со своими потребностями. Знание методов работы с массивами в JavaScript поднимет ваши профессиональные навыки в сфере разработки на новый уровень.
Далее в комментариях будут перечислены методы массивов.
Обратите внимание, что в основном мы будем упрощать функцию, которая передается в качестве параметра.
// Instead of using this way
myAwesomeArray.some(test => {
if (test === "d" {
return test
}
})
// We'll use the shorter one
myAwesomeArray.some(test => test === "d"
#js #javascript #frontend #interview
grhgrmgrhrm
Этот метод проверяет, удовлетворяет ли какой-либо элемент массива условию, заданному в передаваемой функции. Он вернет значение true, если хотя бы один элемент совпадет с проверяемой функцией, и значение false — если нет.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод принимает функцию, которая имеет в качестве аргумента аккумулятор и значение. Он применяет функцию к аккумулятору и каждому значению массива, чтобы в результате вернуть только одно значение.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод проверяет, удовлетворяют ли все элементы массива условию, заданному в передаваемой функции. Он вернет значение true, если каждый элемент совпадет с проверяемой функцией, и значение false — если нет.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод принимает функцию в качестве параметра и создает новый массив с результатом вызова указанной функции для каждого элемента массива. Он всегда будет возвращать одинаковое количество элементов.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод принимает в качестве аргумента массив массивов и сглаживает вложенные массивы в массив верхнего уровня. Обратите внимание, что этот метод работает только для одного уровня.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод принимает функцию в качестве параметра и возвращает новый массив, содержащий все элементы массива, для которого функция фильтрации передавалась в качестве аргумента, и возвращает ее со значением true.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод применяет функцию к каждому элементу массива.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод принимает функцию в качестве параметра и в дальнейшем применяет ее к массиву. Он возвращает индекс найденного элемента, если элемент удовлетворяет условию проверяющей функции, переданной в качестве аргумента. Если не удовлетворяет, возвращается –1.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод принимает функцию в качестве аргумента и в дальнейшем применяет ее к массиву. Он возвращает значение элемента, найденного в массиве, если элемент удовлетворяет условию проверяющей функции. В противном случае оно возвращается со значением undefined.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод принимает функцию в качестве параметра. Он сортирует элементы массива и возвращает их.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод объединяет два или более массива/значения и возвращает новый массив.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод заполняет все элементы массива одинаковым значением, от начального индекса (по умолчанию до конечного индекса (по умолчанию array.length).
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод возвращает значение true, если массив содержит определенный элемент, и значение false — если нет.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод меняет порядок следования элементов в массиве на обратный. Первый элемент становится последним, а последний — первым.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Этот метод применяет функцию к каждому элементу массива, а затем сглаживает результат в новый массив. Он объединяет метод flat() и метод map() в одну функцию.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Для того чтобы узнать длину массива, нужно обратиться к его свойству length.
const l = a.length
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Для добавления элементов в конец массива используют метод push().
a.push(4)
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Для добавления элементов в начало массива используют метод unshift().
a.unshift(
a.unshift(-2, -1)
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Удалить элемент из конца массива, одновременно возвратив этот элемент, можно с помощью метода pop().
a.pop()
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Аналогичным образом, с помощью метода shift(), можно удалить элемент из начала массива.
a.shift()
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Метод splice() изменяет содержимое массива, удаляя существующие элементы и/или добавляя новые.
a.splice(0, 2) // удаляет и возвращает 2 элемента из начала массива
a.splice(3, 2) // удаляет и возвращает 2 элемента, начиная с индекса 3
Возвращаемое значение
Массив, содержащий удалённые элементы. Если будет удалён только один элемент, вернётся массив из одного элемента. Если никакие элементы не будут удалены, вернётся пустой массив.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Метод toString() возвращает строковое представление указанного массива и его элементов.
var monthNames = ['Янв', 'Фев', 'Мар', 'Апр'];
var myVar = monthNames.toString(); // присваивает 'Янв,Фев,Мар,Апр' переменной myVar.
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?
grhgrmgrhrm
Метод join() объединяет все элементы массива (или массивоподобного объекта) в строку.
В следующем примере создаётся массив a с тремя элементами, затем они четыре раза объединяются в строку: с использованием разделителя по умолчанию, запятой с пробелом, плюса, окружённого пробелами, и пустой строки.
var a = ['Ветер', 'Дождь', 'Огонь'];
var myVar1 = a.join(); // присвоит 'Ветер,Дождь,Огонь' переменной myVar1
var myVar2 = a.join(', '; // присвоит 'Ветер, Дождь, Огонь' переменной myVar2
var myVar3 = a.join(' + '; // присвоит 'Ветер + Дождь + Огонь' переменной myVar3
var myVar4 = a.join(''; // присвоит 'ВетерДождьОгонь' переменной myVar4
Удалить комментарий
Вы уверены, что хотите удалить этот комментарий?