Массивы — важная концепция программирования. Этот метод массива используется не только в JavaScript, но и в любом другом языке программирования. Массивы могут содержать различные типы данных, такие как объекты, строки, массивы, логические значения, неопределенные значения, нули и числа. В этой статье мы постепенно узнаем о различных полезных методах массива.
1. Нажмите
const arr = [10, 20]; arr.push(30); console.log(arr) // [10, 20, 30]; arr.push(40, 50); console.log(arr) // [10, 20, 30, 40, 50]
Метод push может добавить элемент в конец массива. Вы можете помещать данные любого типа в массивы. Это может быть boolean, object, array, null, undefined
. Один или несколько элементов могут быть добавлены методом push.
Пуш с оператором спреда (…
) в качестве альтернативы методу concat
.
Мы можем использовать метод push
в реализации stack
.
2. Поп
const arr = [10, 20, 30, 40, 50]; arr.pop(); console.log(arr); // [10, 20, 30, 40]; arr.pop(); arr.pop(); console.log(arr); // [10, 20]
Pop — это метод, противоположный методу push. где метод push добавляет элемент в конец массива, здесь метод pop удаляет последний элемент массива.
Мы можем использовать метод pop
в реализации stack
.
3. Не переключать
const arr = [40, 50]; arr.unshift(30); console.log(arr) // [30, 40, 50]; arr.unshift(10, 20); console.log(arr) // [10, 20, 30, 40, 50]
Метод Unshift аналогичен методу push
. Но здесь мало различий. метод push добавляет элементы последними в массивы, а метод unshift добавляет элементы первыми в массивы.
Мы можем использовать метод unshift
в реализации Queue
.
4. Сдвиг
const arr = [10, 20, 30, 40, 50]; arr.shift(); console.log(arr); // [20, 30, 40, 50]; arr.shift(); arr.shift(); console.log(arr); // [40, 50]
Сдвиг является методом, противоположным методу несдвига. где метод unshift добавляет начало элемента массива, здесь метод сдвига удаляет начало элемента массива.
Мы можем использовать метод pop
в реализации Queue
.
5. Реверс
const arr = [1, 2, 3, 4, 5]; arr.reverse(); console.log(arr) // [5, 4, 3, 2, 1];
Реверс - интересный метод. Это помещает последний элемент массива первым, а первый элемент последним. Проще говоря, он упорядочивает элементы, выровненные справа налево, слева направо.
6. Нарезка
const arr = [10, 20, 30, 40, 50]; arr.slice(1, 3); console.log(arr) // [20, 30]; arr.slice(2); console.log(arr) // [30, 40, 50]
Slice — еще один интересный метод массива. Этот метод массива используется для разделения массива на более мелкие части. Он принимает два параметра, один из которых указывает, где начать, а другой — где закончить. Конечный параметр является необязательным. Если конечный параметр не указан, то он будет нарезаться от начала до конца…
7. Каждый
const arr = [10, 20, 30, 40, 50]; arr.every(ele => ele > 10); // False arr.every(ele => ele >= 10); // True
Каждая математика массива возвращает только истинные или ложные значения. Если условие ложно, то оно падает и возвращает истину только в том случае, если все значения истинны.
8. ИндексОф
const arr = [10, 20, 30, 40, 50]; arr.indexof(10) // 0 arr.indexof(30) // 2
Индекс метода используется для поиска положения определенного элемента в массиве. Если элемент находится внутри массива, он покажет число 0 или больше в зависимости от позиции, а если нет, он вернет -1. Этот метод индексации работает не только с массивами, но и со строками.
9. Фильтр
const arr = [10, 20, 30, 40, 50, 60, 70, 80, 90]; const newArr = arr.filter((element, index, array) => element >= 50); console.log(arr) // [50, 60, 70, 80, 90];
Что такое фильтр? Его название говорит о том, что это такое. Метод filter удаляет определенные элементы из массива. При использовании метода фильтра требуется функция обратного вызова. Функция обратного вызова принимает максимум три параметра. Первый параметр — это элемент массива, второй — переменная цикла, а третий — весь массив.
10. Индекс поиска
const arr = [10, 20, 30, 40, 50]; const pos = arr.findindex(ele => ele === 30); console.log(pos) // 2
Метод findindex очень близок к индексу метода. Однако он работает только в массивах. Принимает функцию обратного вызова. В функцию обратного вызова можно передать три параметра.