Maison > Article > interface Web > Comment ajouter des éléments à un tableau en javascript
Méthodes pour ajouter des éléments : 1. Utilisez la fonction unshift() pour insérer des éléments au début du tableau ; 2. Utilisez la fonction push() pour insérer des éléments à la fin du tableau ; fonction pour insérer des éléments à la fin du tableau ; 4. Utilisez la fonction splice () pour ajouter des éléments à n'importe quelle position en fonction de l'indice du tableau.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
javascript pour ajouter des éléments au tableau
Méthode 1 : utilisez la fonction unshift()
Utilisez la fonction unshift() pour insérer des éléments au début du tableau. Cette fonction peut en ajouter un ou. plus de valeurs de paramètres à La tête du tableau :
array.unshift(元素1, 元素2, ..., 元素X)
Le premier paramètre Élément 1
est le nouvel élément 0 du tableau, et le deuxième paramètre Élément 2
est le nouvel élément 1, donc par analogie, la longueur du tableau après l'ajout d'éléments est finalement renvoyée. 元素1
为数组新的元素 0,第 2 个参数 元素2
为新的元素 1,以此类推,最后返回添加元素后的数组长度。
我们通过下面的例子来具体看看:
var a = [0]; //定义数组 console.log(a); //返回[0] a.unshift(1,2); //一次性增加两个元素 console.log(a); //返回[1,2,0] var a = [0]; a.unshift(1); //增加元素1 a.unshift(2); //增加元素2 console.log(a); //返回[2,1,0]
可以看出:我们使用a.unshift(1,2)
来在a数组的开头按顺序插入两个数值1、2;使用a.unshift(1)在a数组的开头插入数值1,又在此基础上使用a.unshift(2)
在开头(即数值1前)插入数值2。因此输出结果为:
方法2:使用push()函数
push()方法能够把一个或多个参数值附加到数组的尾部,并返回添加元素后的数组长度。
array.push(元素1, 元素2, ..., 元素X)
我们通过下面的例子来具体看看:
var a = [0]; //定义数组 console.log(a); //返回[0] a.push(1,2); //一次性增加两个元素 console.log(a); //返回[0,1,2] var a = [0]; a.push(1); //增加元素1 a.push(2); //增加元素2 console.log(a); //返回0,1,2]
可以看出:我们使用a.push(1,2)
在a数组的尾部按顺序插入两个数值1、2;使用a.push(1)
在a数组的尾部插入数值1,又在此基础上使用a.push(2)
在尾部(即数值1后)插入一个数值2。因此输出结果为:
方法3、使用concat() 函数
在数组末尾插入元素除了可以使用push()函数,还可利用concat()函数。
concat() 方法也可以插入给定的一个或多个元素,能够把传递的所有参数按顺序添加到数组的尾部。
var a = [1,2,3,4,5]; //定义数组 var b = a.concat(6,7,8); //为数组a连接3个元素 console.log(b); //返回[1,2,3,4,5,6,7,8]
输出结果为:
说明:concat() 方法将创建并返回一个新数组,而不是在原来的基础上添加新元素。
方法4:使用splice() 函数
如何想要在指定下标位置插入一个或多个元素要怎么做呢?
答案是:可以使用 splice() 方法。
array.splice(index,howmany,item1,.....,itemX)
的第1个参数index
为指定起始下标位置;第2个参数howmany
指定应该删除的元素数目,当值设置为0时,就会不执行删除操作;这样就可以通过第3个及后面参数item1,.....,itemX
来插入一个或多个元素。
我们通过下面的例子来具体看看:
var a = [1,2,3,4,5]; a.splice(1,0,"hello"); console.log(a);
可以看出:使用a.splice(1,0,"hello")
在下标1的位置(即数组第1个元素位置后)插入一个元素"hello
",因此输出结果为:
var a = [1,2,3,4,5]; a.splice(2,0,"hello","hi",8); console.log(a);
可以看出:使用a.splice(2,0,"hello","hi",8)
在下标2的位置(即数组第2个元素位置后)插入多个元素"hello
"、"hi
"、8
,因此输出结果为:
使用splice() 方法也可以实现在数组开头或者结尾添加元素:
var a = [1,2,3,4,5]; a.splice(0,0,"hello"); a.splice(a.length,0,"hi"); console.log(a);
如果想要在数组开头添加元素,就设置该方法第1个参数index的值为0即可;如果想要在数组末尾添加元素,就设置该方法第1个参数index的值为 数组长度
即可,数组长度可以使用a.length
Regardons de plus près l'exemple suivant :
On voit que : on utilise a.unshift(1,2)
pour insérer deux valeurs 1 et 1 dans ordre au début du tableau a. 2; Utilisez a.unshift(1) pour insérer la valeur 1 au début du tableau a, puis utilisez a.unshift(2)
pour insérer le valeur 2 au début (c'est-à-dire avant la valeur 1). Le résultat de sortie est donc :
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.
rrreee🎜Regardons de plus près l'exemple suivant : 🎜rrreee🎜On voit que : on utilisea.push(1,2)
pour insérer deux valeurs 1 et 1 en séquence à la fin du tableau a. 2 ; Utilisez a.push(1)
pour insérer la valeur 1 à la fin du tableau a, puis utilisez a.push(2)<.> pour insérer la valeur 1 à la fin (c'est-à-dire la valeur 1 Après), insérez une valeur 2. Le résultat de sortie est donc : 🎜🎜<img src="https://img.php.cn/upload/image/418/741/822/162917899446806Comment%20ajouter%20des%20%C3%A9l%C3%A9ments%20%C3%A0%20un%20tableau%20en%20javascript" title="162917899446806Comment ajouter des éléments à un tableau en javascript" alt="Comment ajouter des éléments à un tableau en javascript ">🎜🎜🎜Méthode 3. Utilisez la fonction concat()🎜🎜🎜En plus d'utiliser la fonction push(), vous pouvez également utiliser la fonction concat() pour insérer des éléments à la fin du tableau. La méthode 🎜🎜concat() peut é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. 🎜🎜rrreee🎜Le résultat de sortie est : 🎜🎜<img src="https://img.php.cn/upload/image/130/681/196/1629179419390450.png" title="1629179419390450.png" alt=" 4 .png">🎜🎜Remarque : La méthode concat() créera et renverra un nouveau tableau au lieu d'ajouter de nouveaux éléments à celui d'origine. 🎜🎜🎜Méthode 4 : Utiliser la fonction splice() 🎜🎜🎜Comment insérer un ou plusieurs éléments à une position d'indice spécifiée ? 🎜🎜La réponse est : 🎜Vous pouvez utiliser la méthode splice(). Le premier paramètre <code>index
de 🎜🎜🎜array.splice(index,howmany,item1,...,itemX)
spécifie la position de l'indice de départ ; combien spécifie le nombre d'éléments qui doivent être supprimés. Lorsque la valeur est définie sur 0, l'opération de suppression ne sera pas effectuée de cette manière, le troisième paramètre et les suivants item1,... .. ,itemX
pour insérer un ou plusieurs éléments. 🎜🎜Regardons de plus près l'exemple suivant : 🎜rrreee🎜On peut voir que : utilisez a.splice(1,0,"hello")
à la position de l'indice 1 (c'est-à-dire le premier à la position de l'élément du tableau), insérez un élément "hello
", donc le résultat de sortie est : 🎜🎜🎜a.splice(2,0,"hello", "hi",8)
Insérer plusieurs éléments "hello
", "hi
", 8, donc le résultat de sortie est : 🎜🎜<img src="https://img.php.cn/upload/image/339/868/365/1629184123988638.png" title="1629184123988638.png" alt=" Comment ajouter des éléments à un tableau en javascript">🎜🎜En utilisant la méthode splice(), vous pouvez également ajouter des éléments au début ou à la fin du tableau : 🎜rrreee🎜Si vous souhaitez ajouter des éléments au début du tableau, définissez la valeur du premier paramètre index de la méthode sur 0, c'est-à-dire Oui si vous souhaitez ajouter des éléments à la fin du tableau, définissez simplement la valeur du premier paramètre index de cette méthode sur longueur du tableau
. La longueur du tableau peut être déterminée en utilisant a.length
Get. 🎜🎜🎜Jetons un coup d'œil au résultat : 🎜🎜🎜🎜🎜🎜[Apprentissage recommandé : 🎜Tutoriel avancé javascript🎜]🎜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!