Ajouter un objet au tableau en JavaScript

1. Ajouter des éléments et des objets à un tableau à l’aide de l’opérateur d’affectation en JavaScript
2. Ajouter des éléments et des objets à un tableau à l’aide de la fonction push() en JavaScript

Ce didacticiel abordera l’ajout d’éléments et d’objets à un tableau à l’aide de l’opérateur d’affectation et de la fonction push() en JavaScript.

Ajouter des éléments et des objets à un tableau à l’aide de l’opérateur d’affectation en JavaScript

Pour ajouter des éléments et des objets à un tableau, vous pouvez utiliser l’opérateur d’affectation dans JavaScript. Vous devez utiliser l’index pour définir la position à l’intérieur du tableau où vous souhaitez placer l’élément ou l’objet. Si un élément existant occupe déjà l’index défini, l’élément sera remplacé par le nouvel élément ou objet. Par exemple, créons un tableau avec trois valeurs et ajoutons un élément à la fin du tableau à l’aide de l’opérateur d’affectation. Voir le code ci-dessous.

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

Production:

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

Dans le code ci-dessus, nous avons ajouté l’élément four à l’index 3 du myArray. Vous pouvez également remplacer les éléments présents dans le tableau à l’aide de leur index. Ajoutons maintenant un objet à un tableau. Voir le code ci-dessous.

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

Production:

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

Dans le code ci-dessus, nous avons ajouté un objet tableau myArray2 à un tableau myArray à l’index 3. Vous pouvez ajouter des objets de n’importe quel type de données à un tableau en utilisant l’opérateur d’affectation.

Ajouter des éléments et des objets à un tableau à l’aide de la fonction push() en JavaScript

Pour ajouter des éléments et des objets à un tableau, vous pouvez utiliser la fonction push() en JavaScript. La fonction push() ajoute un élément ou un objet à la fin d’un tableau. Par exemple, créons un tableau avec trois valeurs et ajoutons un élément à la fin du tableau à l’aide de la fonction push(). Voir le code ci-dessous.

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

Production:

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

Dans le code ci-dessus, nous avons ajouté l’élément four à la fin de myArray. Ajoutons maintenant un objet à un tableau en utilisant la fonction push(). Voir le code ci-dessous.

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

Production:

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

Dans le code ci-dessus, nous avons ajouté un objet tableau myArray2 à un tableau myArray à la fin. Vous pouvez ajouter des objets de n’importe quel type de données à un tableau en utilisant la fonction push(). Vous pouvez également ajouter plusieurs valeurs à un tableau en les ajoutant dans la fonction push() séparées par une virgule. Pour ajouter les éléments ou objets au début du tableau, nous pouvons utiliser la fonction unshift(). Par exemple, ajoutons l’élément four au début du tableau myArray. Voir le code ci-dessous.

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

Production:

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

Comme vous pouvez le voir dans la sortie, l’élément four est ajouté au début du tableau. Au lieu d’ajouter un objet tableau, vous pouvez ajouter tous ses éléments à l’aide de la fonction push.apply(). Par exemple, ajoutons les éléments présents dans un tableau à l’autre tableau. Voir le code ci-dessous.

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

Production:

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

Comme vous pouvez le voir dans la sortie, les deux éléments présents dans le myArray2 ont été ajoutés au myArray. Vous pouvez également concaténer deux tableaux pour en faire un autre à l’aide de la fonction concat(). Par exemple, créons un tableau en concaténant deux tableaux existants à l’aide de la fonction concat(). Voir le code ci-dessous.

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

Production:

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

Vous pouvez changer l’ordre des éléments présents dans le myArray3 en changeant l’ordre de concaténation.