Работа с массивами в JavaScript неизбежна. Но знание того, что использовать в определенных ситуациях, может пригодиться.
Иногда нам нужно добавить или удалить элементы из массива, и есть несколько способов сделать это.
В этой статье я собираюсь показать вам различные способы добавления или удаления элементов массива с примерами.
Итак, приступим.
1. Как удалить первый элемент массива
// How to remove the first element in an array let arr= [ 1, 2, 3, 4 , 5] arr.shift( ) // 1 arr // [ 2, 3, 4 , 5] // returns the array without the first element
Факты:
- Метод сдвига изменяет массив, т. е. изменяет массив. Если вы не хотите, чтобы исходный массив изменялся, скопируйте массив в другую переменную, а затем используйте для него метод сдвига.
- Из массива удаляется только первый элемент, и он обрушивает индекс предыдущих элементов. Например,
let arr = [1, 2, 3, 4, 5] => Here, index 0 =1, index 1 =2, and so on arr.shift( ) // 1 arr = [ 2, 3, 4, 5] => Here, index 0 = 2, index 1 = 3, and so on.
3. Если массив пуст, возвращается значение undefined.
2. Как удалить последний элемент массива
let arr= [ 1, 2, 3, 4 , 5] arr.pop( ) // 5 arr // [1, 2, 3, 4 ] // returns the array without the last element
Факты:
- Pop удаляет последний элемент массива, изменяя его длину. Подобно сдвигу, он мутирует массив.
- .Если массив пуст, возвращается значение undefined.
3. Как удалить последние два элемента в массиве.
let arr= [ 1, 2, 3, 4 , 5] arr.slice( 0, 3) // [1, 2, 3] // The 0 and 3 are indexes of the elements above. // You don't know the length of the array, then you can try this. let arr= [ 1, 2, 3, 4 , 5] arr.slice( 0, arr.length-2) // [1, 2, 3] // or arr.slice( 0, -2)
Другой метод:
let arr= [ 1, 2, 3, 4 , 5] arr.length =4 arr // [ 1, 2, 3, 4 ]
Факты:
- Метод slice не изменяет массив. Он возвращает новый массив.
- Он не выдает ошибку, если массив пуст. Вместо этого он возвращает пустой массив.
4. Как очистить массив
let arr= [ 1, 2, 3, 4 , 5] arr.length =0 // [ ] // Another Method let arr= [ 1, 2, 3, 4, 5] arr.slice( 0, 0) // [ ]
Этот вопрос был задан в интервью.
5. Как получить среднее число массива.
const arr = [1,2,3,4,5,6,7] arr.filter((item, i)=> i === (arr.length-1)/2) // [ 4 ]
Здесь элемент относится к каждому элементу массива. i - индекс каждого элемента. Этот метод работает, только если длина массива нечетная.
6. Как добавить элемент в начало массива
let arr= [ 1, 2, 3, 4 , 5] arr.unshift(9 ) // [ 9, 1, 2, 3, 4, 5]
Факты:
- Unshift добавляет один или несколько элементов в начало массива.
- Как и метод Shift, Unshift изменяет массив, сдвигая элементы вправо.
- Он также изменяет индекс предыдущих элементов.
7. Как добавить элемент в конец массива
let arr= [ 1, 2, 3, 4 , 5] arr.push( 7 ) // [ 1, 2, 3, 4 , 5, 7]
Факты:
- Push добавляет элемент в конец массива.
- Он изменяет длину массива, но не меняет индекс элементов.
8. Как сложить все элементы массива.
let arr= [ 1, 2, 3, 4 , 5] arr.reduce( ( acc, curr)=> acc+curr, 0) // 15
Вы можете прочитать подробное объяснение редукции здесь.
Последние мысли:
Это все для сегодняшней статьи, ребята. Что из вышеперечисленного показалось вам интересным? Дай мне знать в комментариях.
Кроме того, если вы хотите, чтобы я написал о каких-либо концепциях в JavaScript, оставляйте свои предложения в комментариях.
Первоначально опубликовано на https://codingkiran.hashnode.dev.