Работа с массивами в 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

Факты:

  1. Метод сдвига изменяет массив, т. е. изменяет массив. Если вы не хотите, чтобы исходный массив изменялся, скопируйте массив в другую переменную, а затем используйте для него метод сдвига.
  2. Из массива удаляется только первый элемент, и он обрушивает индекс предыдущих элементов. Например,
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

Факты:

  1. Pop удаляет последний элемент массива, изменяя его длину. Подобно сдвигу, он мутирует массив.
  2. .Если массив пуст, возвращается значение 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 ]

Факты:

  1. Метод slice не изменяет массив. Он возвращает новый массив.
  2. Он не выдает ошибку, если массив пуст. Вместо этого он возвращает пустой массив.

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]

Факты:

  1. Unshift добавляет один или несколько элементов в начало массива.
  2. Как и метод Shift, Unshift изменяет массив, сдвигая элементы вправо.
  3. Он также изменяет индекс предыдущих элементов.

7. Как добавить элемент в конец массива

let arr= [ 1, 2, 3, 4 , 5]
arr.push( 7 ) //  [ 1, 2, 3, 4 , 5, 7]

Факты:

  1. Push добавляет элемент в конец массива.
  2. Он изменяет длину массива, но не меняет индекс элементов.

8. Как сложить все элементы массива.

let arr= [ 1, 2, 3, 4 , 5]
arr.reduce( ( acc, curr)=> acc+curr, 0) // 15

Вы можете прочитать подробное объяснение редукции здесь.

Последние мысли:

Это все для сегодняшней статьи, ребята. Что из вышеперечисленного показалось вам интересным? Дай мне знать в комментариях.

Кроме того, если вы хотите, чтобы я написал о каких-либо концепциях в JavaScript, оставляйте свои предложения в комментариях.

Первоначально опубликовано на https://codingkiran.hashnode.dev.