dr.Brain

doctor Brain

мир глазами веб-разработчика

JavaScript: добавляем элементы в массив

способы добавления элементов в массив с помощью JavaScript

dr.Brain

время чтения 1 мин.

Photo by Thais Ribeiro on Unsplash

Итак, Вам нужно добавить элемент или несколько элементов в массив. Какие возможности предлагает JavaScript?

Как добавить один элемент

Чтобы добавить в массив единственный элемент, можно воспользоваться методом push() встроенного объекта array:

const fruits = ['banana', 'pear', 'apple']
fruits.push('mango')

Метод push() присоединяет элемент, изменяя существующий массив.

Для создания нового массива подойдет метод concat():

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango')

Следует отметить, что на самом деле concat() не добавляет к массиву элемент, а создает новый массив, присвоив его новой переменной или переменной, указывающей на исходный массив. В последнем случае для определения оригинального массива нужно использовать let, а не const.

let fruits = ['banana', 'pear', 'apple']
fruits = fruits.concat('mango')

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

Для того, чтобы добавить массив несколько элементов можно так же использовать метод push(), передав в него несколько аргументов:

const fruits = ['banana', 'pear', 'apple']
fruits.push('mango', 'melon', 'avocado')

Кроме того, можно использовать и метод concat() c аргументами, разделенными запятой:

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango', 'melon', 'avocado')

Так же, аргументом метода concat() может являться массив:

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat(['mango', 'melon', 'avocado'])

Помните, что метод concat() во всех случаях не изменяет оригинальный массив, а создает новый.


Спасибо за внимание.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.