Добавить объект в массив в JavaScript

1. Добавление элементов и объектов в массив с помощью оператора присваивания в JavaScript
2. Добавление элементов и объектов в массив с помощью функции push() в JavaScript

В этом руководстве будет обсуждаться добавление элементов и объектов в массив с помощью оператора присваивания и функции push() в JavaScript.

Добавление элементов и объектов в массив с помощью оператора присваивания в JavaScript

Чтобы добавить элементы и объекты в массив, вы можете использовать оператор присваивания в JavaScript. Вы должны использовать индекс, чтобы определить позицию внутри массива, куда вы хотите поместить элемент или объект. Если существующий элемент уже занимает определенный индекс, этот элемент будет заменен новым элементом или объектом. Например, давайте создадим массив с тремя значениями и добавим элемент в конец массива с помощью оператора присваивания. См. Код ниже.

var myArray = ['one', 'two', 'three'];
myArray[3] = 'four';
console.log(myArray)

Выход:

["one", "two", "three", "four"]

В приведенном выше коде мы добавили элемент four в индекс 3 массива myArray. Вы также можете заменить элементы, присутствующие в массиве, используя их индекс. Теперь добавим объект в массив. См. Код ниже.

var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
myArray[3] = myArray2;
console.log(myArray)

Выход:

 ["one", "two", "three", Array(2)]

В приведенном выше коде мы добавили объект массива myArray2 в массив myArray с индексом 3. Вы можете добавлять объекты любого типа данных в массив с помощью оператора присваивания.

Добавление элементов и объектов в массив с помощью функции push() в JavaScript

Чтобы добавить элементы и объекты в массив, вы можете использовать функцию push() в JavaScript. Функция push() добавляет элемент или объект в конец массива. Например, создадим массив с тремя значениями и добавим элемент в конец массива с помощью функции push(). См. Код ниже.

var myArray = ['one', 'two', 'three'];
myArray.push('four');
console.log(myArray)

Выход:

["one", "two", "three", "four"]

В приведенном выше коде мы добавили элемент four в конец myArray. Теперь добавим объект в массив с помощью функции push(). См. Код ниже.

var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
myArray.push(myArray2);
console.log(myArray)

Выход:

 ["one", "two", "three", Array(2)]

В приведенном выше коде мы добавили объект массива myArray2 в массив myArray в конце. Вы можете добавлять в массив объекты любого типа данных с помощью функции push(). Вы также можете добавить несколько значений в массив, добавив их в функцию push() через запятую. Чтобы добавить элементы или объекты в начало массива, мы можем использовать функцию unshift(). Например, добавим элемент four в начало массива myArray. См. Код ниже.

var myArray = ['one', 'two', 'three'];
myArray.unshift('four');
console.log(myArray)

Выход:

["four", "one", "two", "three"]

Как видно из вывода, в начало массива добавляется пункт four. Вместо добавления объекта массива вы можете добавить все его элементы с помощью функции push.apply(). Например, давайте добавим элементы, представленные в одном массиве, к другому массиву. См. Код ниже.

var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
myArray.push.apply(myArray, myArray2);
console.log(myArray)

Выход:

["one", "two", "three", "four", "five"]

Как вы можете видеть в выводе, два элемента, присутствующие в myArray2, были добавлены в myArray. Вы также можете объединить два массива в другой, используя функцию concat(). Например, давайте создадим массив, объединив два существующих массива с помощью функции concat(). См. Код ниже.

var myArray = ['one', 'two', 'three'];
var myArray2 = ['four', 'five']
var myArray3 = myArray.concat(myArray2);
console.log(myArray3)

Выход:

["four", "five", "one", "two", "three"]

Вы можете изменить порядок элементов, присутствующих в myArray3, изменив порядок объединения.