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

Kak Dobavit Ob Ekt V Massiv V Javascript



Поскольку массивы JavaScript автоматически изменяют размер при добавлении в них элементов, вам не нужно беспокоиться о том, что они заполнены. Индексацию можно использовать для простого доступа к любому элементу, присутствующему в массиве. JavaScript предлагает несколько встроенных методов, идеально подходящих для добавления элементов в массивы. В этом подробном практическом руководстве мы рассмотрим методы, которые можно использовать для добавления объектов в массивы в JavaScript.

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

Самый простой способ добавить объект или элемент любого другого типа в массив JavaScript — это индексация. Вы можете просто присвоить объект индексу массива, и если там уже есть элемент, он будет заменен новым объектом:

пусть объект знак равно { 'Имя' : 'Джон Доу' , 'я бы' : 3 } ;

пусть прибудет знак равно [ { 'Имя' : 'Ричард Роу' , 'я бы' : 1 } , { 'Имя' : 'Джон Смит' , 'я бы' : два } ] ;

обр [ два ] знак равно объект ;

приставка. журнал ( обр ) ;







Этот метод довольно прост, но трудно узнать индексы и размер массивов, поэтому нам нужно искать какие-то другие методы, которые можно использовать для добавления объектов в массивы. Наиболее известными, удобными и простыми в использовании методами являются толкать() , отменить сдвиг () а также соединение () . Их функции немного отличаются, но можно использовать любой из этих методов. Давайте посмотрим, чем они отличаются:



Метод array.push()

Метод array.push() принимает элементы в качестве параметров, добавляет их в конец массива и возвращает новый размер массива:



пусть объект знак равно { 'Имя' : 'Джон Доу' , 'я бы' : 3 } ;

пусть прибудет знак равно [ { 'Имя' : 'Ричард Роу' , 'я бы' : 1 } , { 'Имя' : 'Джон Смит' , 'я бы' : два } ] ;

обр. толкать ( объект ) ;

приставка. журнал ( обр ) ;





Метод array.unshift()

Функция array.unshift() противоположна методу push, поскольку добавляет элементы в начало массива. Подобно методу push, он может принимать один или несколько элементов в качестве параметров и добавлять их в массив:

пусть объект знак равно { 'Имя' : 'Ричард Роу' , 'я бы' : 1 } ;

пусть прибудет знак равно [ { 'Имя' : 'Джон Смит' , 'я бы' : два } , { 'Имя' : 'Джон Доу' , 'я бы' : 3 } ] ;

обр. переключить ( объект ) ;

приставка. журнал ( обр ) ;



Метод array.splice()

Метод array.splice() немного отличается, поскольку его можно использовать как для удаления, так и для вставки элементов из заданного индекса. Он принимает три аргумента: индекс, количество элементов для удаления и новый элемент, который нужно добавить:

пусть объект знак равно { 'Имя' : 'Джон Доу' , 'я бы' : 3 } ;

пусть прибудет знак равно [ { 'Имя' : 'Ричард Роу' , 'я бы' : 1 } , { 'Имя' : 'Джон Смит' , 'я бы' : два } ] ;

обр. соединение ( два , 0 , объект )

приставка. журнал ( обр ) ;

Мы указали 0 в качестве второго параметра, так как не хотим удалять какие-либо элементы из существующего массива.

Дополнительные полезные методы

JavaScript также предлагает множество других полезных методов для управления массивами, объектами и объектами, присутствующими в массивах. Две такие функции, как array.apply() и array.concat(), могут оказаться полезными в нашем случае.

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

Вывод

Методы push, unshift и splice могут использоваться для добавления объектов в массивы JavaScript. Метод push добавляет объекты в конец, метод unshift добавляет объекты в начало, а метод splice добавляет их по заданному индексу массива. Все эти методы подробно описаны в руководстве выше.