Вы знаете их всех?
В этом коротком посте я покажу сводку методов, доступных в JavaScript для работы с массивами. Я надеюсь, что вы найдете это полезным!
В конце поста вы найдете ссылку на шпаргалку, которую я создал с кратким изложением, чтобы вы были под рукой.
1. сдвиг()
Массив.прототип.сдвиг()
Этот метод удаляет первый элемент из массива и возвращает этот удаленный элемент или значение undefined, если массив пуст.
const array1 = [2, 3, 4]; console.log(array1.shift()); console.log(array1);
2. отменить ()
Массив.прототип.unshift()
Этот метод добавляет один или несколько элементов в начало массива и возвращает длину массива. Этот метод изменяет длину массива.
const array2 = [1, 2, 3]; console.log(array2.unshift(4, 5)); console.log(array2);
3. нажать()
Массив.прототип.push()
Этот метод добавляет один или несколько элементов в конец массива и возвращает длину массива. Этот метод изменяет длину массива.
const array3 = [1,2,3,4,5]; console.log(array3.push(‘a’)); console.log(array3);
4. поп()
Массив.прототип.поп()
Этот метод удаляет последний элемент из массива и возвращает этот элемент неопределенным, если массив пуст. Этот метод изменяет длину массива.
const array4 = [1,2,3,4,5]; console.log(array4.pop()); console.log(array4);
5. конкат()
Массив.прототип.concat()
Этот метод используется для объединения двух или более массивов. Этот метод возвращает новыймассив.
const array5= [1,2,’a’]; console.log(array5.concat('b')); console.log(array5);
6. присоединиться ()
Массив.прототип.присоединиться()
Этот метод создает и возвращает новую строку путем объединения всех элементов массива.
const array6= [1,2,’a’]; console.log(array6.join('/')); console.log(array6);
7. индекс ()
Массив.прототип.indexOf()
Этот метод возвращает первый индекс, по которому можно найти данный элемент, или -1, если он отсутствует.
const array7 = [‘a’,’b’,’c’,’d’]; console.log(array7.indexOf(‘b’)); console.log(array7);
const array7_1 = [‘a’,’b’,’c’,’d’]; console.log(array7_1.indexOf(‘e’); console.log(array7_1);
8. срез ()
Массив.прототип.срез()
Этот метод возвращает поверхностную копию части массива в новый объект массива, выбранный от начала до конца. Исходный массив не будет изменен.
const array8 = [‘a’,’b’,’c’,’d’] console.log(array8.slice(1)); console.log(array8);
9. включает()
Массив.прототип.включает()
Этот метод определяет, содержит ли массив определенное значение или нет.
const array9= [‘a’,’b’,’c’,’d’]; console.log(array9.includes('b')); console.log(array9);
10. найти()
Массив.прототип.найти()
Этот метод возвращает первый элемент в массиве, который удовлетворяет предоставленной функции тестирования или не найден.
const array10= [1,2,3,4,5]; console.log(array10.find(n => n> 2)); console.log(array10);
11. найтиИндекс()
Массив.прототип.findIndex()
Этот метод возвращает индекс первого элемента в массиве, который удовлетворяет предоставленной функции тестирования. В противном случае возвращается -1.
const array11= [1,2,3,4,5]; console.log(array11.findIndex(n => n> 2)); console.log(array11);
12. карта ()
Массив.прототип.карта()
Этот метод создает новый массив, заполненный результатами вызова предоставленной функции для каждого элемента в вызывающем массиве.
const array12= [1,2,3,4,5]; console.log(array12.map(n => n *2)); console.log(array12);
13. фильтр()
Массив.прототип.фильтр()
Этот метод создает новый массив со всеми элементами, прошедшими проверку, реализованную предоставленной функцией.
const array13= [1,2,3,4,5]; console.log(array13.filter(n => n >2)); console.log(array13);
14. каждый()
Массив.прототип.каждый()
Этот метод проверяет, проходят ли все элементы в массиве тест, реализованный предоставленной функцией. Он возвращает true, если тест пройден, или false в другом случае.
const array14= [1,2,3,4,5]; console.log(array14.every(n => n >2)); console.log(array14);
15. уменьшить ()
Массив.прототип.уменьшить()
Функция .reduce() полезна для получения всех элементов списка, применения функции к каждому из них и накопления результата в выходном значении.
const array15= [1,2,3,4,5]; console.log(array15.reduce((acc,cur) => acc*cur)); console.log(array15);
16. реверс()
Массив.прототип.обратный()
Этот метод реверсирует массив, изменяя массив и возвращая ссылку на массив.
const array16= [1,2,3,4,5]; console.log(array16.reverse()); console.log(array16);
17. некоторые ()
Массив.прототип.некоторые()
Этот метод проверяет, проходит ли хотя бы один элемент в массиве тест предоставленной функции. Он возвращает true, если находит элемент, для которого предоставленная функция возвращает true; в противном случае возвращает ложь. В отличие от функции .reverse, некоторые функции не изменяют массив.
const array17= [1,2,3,4,5]; console.log(array17.some(n => n>2)); console.log(array17);
18. at()
Массив.prototype.at()
Этот метод принимает целочисленное значение и возвращает элемент по этому индексу.
const array18= [1,2,3,4,5]; console.log(array18.at(3)); console.log(array18);
19. для каждого()
Массив.prototype.forEach()
Метод forEach() выполняет предоставленную функцию один раз для каждого элемента массива.
const array19= [1,2,3,4,5]; console.log(array19.forEach( n => console.log(“counter:” +n))); console.log(array19);
20. Массив.из()
Массив.от()
Этот метод возвращает массив из любого объекта со свойством длины. Он создает новый экземпляр массива с неглубоким копированием.
console.log(Array.from('My home'));
Шпаргалка
Если вам понравилась эта статья, рассмотрите возможность подписки на Medium через мой профиль. Спасибо!
Рекомендации
Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter и LinkedIn. Присоединяйтесь к нашему сообществу Discord.