Comment ajouter un élément à un tableau dans es6

3 méthodes : 1. Utilisez unshift() pour insérer un élément au début, la syntaxe est "array object.unshift(element)" 2. Utilisez push() pour insérer un élément à la fin, la syntaxe est " ; array object. push(element)"; 3. Utilisez concat(), la syntaxe est "array.concat(element)".

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, Dell Ordinateur G3. Trois façons d'ajouter un élément à un tableau dans es6

1. Utilisez la fonction unshift()

La fonction unshift() peut insérer un élément au début du tableau. une ou plusieurs valeurs de paramètre au tableau En-tête :

array.unshift(元素1, 元素2, ..., 元素X)

Le premier paramètre

est le nouvel élément 1, et ainsi de suite, et renvoie enfin la longueur du tableau après avoir ajouté l'élément

Regardons l'exemple suivant. :

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.unshift(1);  //增加1个元素
console.log(a);  //返回[1,0]

元素1 为数组新的元素 0，第 2 个参数 元素2

2. , Utilisez la fonction push()

La méthode push() peut ajouter une ou plusieurs valeurs de paramètre à la fin du tableau et renvoyer la longueur du tableau après avoir ajouté des éléments

array.push(元素1, 元素2, ..., 元素X)

Regardons l'exemple suivant :

var a = [0];  //定义数组
console.log(a);  //返回[0]

a.push(2);  //增加1个元素
console.log(a);  //返回[0,2]

3. Utilisez la fonction concat()

La méthode concat() peut connecter deux ou plusieurs tableaux et ajouter les éléments d'un ou plusieurs tableaux en tant que paramètres. à la fin du tableau spécifié Vous pouvez également insérer un ou plusieurs éléments donnés et ajouter tous les paramètres passés à la fin du tableau dans l'ordre

var a = [1,2,3,4,5];  //定义数组
console.log(a);  
var b = a.concat(6);  //为数组a连接1个元素
console.log(b);

Le résultat de sortie est :

Explication : La méthode concat() créera et renverra un nouveau tableau, plutôt que d'ajouter de nouveaux éléments à l'original ; mais la méthode unshift() ajoutera des éléments au tableau d'origine

[Recommandations associées :

tutoriel vidéo javascript

,

web front-end

]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!