如何在 JavaScript 数组的末尾添加元素?


在本教程中,我们将学习如何向 JavaScript 数组的末尾添加元素。向数组末尾添加元素最常用的方法是使用 Array 的 push() 方法,但我们将讨论多种可以实现此目的的方法。以下是实现此目的的一些方法。

  • 使用 Array.prototype.push( ) 方法

  • 使用 Array.prototype.splice( ) 方法

  • 使用数组索引

使用 Array.prototype.push() 方法

要在末尾添加元素,请使用 JavaScript 的 push() 方法。JavaScript 数组 push() 方法将给定元素追加到数组的末尾,并返回新数组的长度。

语法

以下是使用 push() 方法添加元素的语法:

arr.push(element)

这里 arr 是要向其中添加元素的原始数组。push() 方法返回数组的长度。

示例

在这个例子中,我们创建一个名为 arr 的数组,并向其中添加一些值。

<html> <head> <title>Program to add an element in the last of a JavaScript array</title> </head> <body> <h3>Adding an element in the last of the array using Array.push() Method</h3> </body> <script> // Create an array named arr let arr = [1, 2, 3, 4, 5]; // Add some value in the array arr.push(6); arr.push(7); arr.push(8); // Print the array document.write(arr) // 1,2,3,4,5,6,7,8 </script> </html>

使用 Array.prototype.splice 方法

JavaScript 数组 splice() 方法更改数组的内容,添加新元素并删除旧元素。

语法

以下是使用 splice() 方法的语法:

array.splice(index, howMany, element1, ..., elementN);

参数

  • index − 这是开始更改数组的索引。

  • howMany − 这是一个整数,表示要删除的旧数组元素的数量。如果为 0,则不删除任何元素。

  • element1, ..., elementN − 要添加到数组的元素。如果您没有指定任何元素,splice 将只从数组中删除元素。

方法

要在数组末尾添加值,我们将 splice 函数的第一个参数设置为数组的长度减 1,第二个参数为 1,第三个参数为我们要追加的元素。如果要添加多个元素,需要将它们作为额外的参数传递到末尾。

示例

在这个例子中,我们创建一个名为 arr 的数组,并向其中添加一些值。

<html> <head> <title>program to add an element in the last of a JavaScript array </title> </head> <body> <h3>Adding an element in the last of the array using Array.splice() Method</h3> </body> <script> // Create an array named arr let arr = [1, 2, 3, 4, 5]; // Add one element in the array arr.splice(arr.length, 1, 6) // Adding multiple elements at the end of the array arr.splice(arr.length, 3, "7th element", "8th element" , "9th element") // Print the array document.write(arr) // 1,2,3,4,5,6,7th element,8th element,9th element </script> </html>

使用数组索引

众所周知,JavaScript 中的数组索引从 0 开始,到数组元素数量减一结束。当我们在数组末尾添加元素时,其索引将是数组中的元素数量。为了将元素追加到数组的末尾,我们将元素赋值到元素数量索引。

语法

Array.push( number of elements ) = element to be added

示例

在这个例子中,我们创建一个名为 arr 的数组,并向其中添加一些值。

<html> <head> <title>program to add an element in the last of a JavaScript array </title> </head> <body> <h2>Adding an element in the last of the array using indexing </h2> </body> <script> // Create an array named arr let arr = [1, 2, 3, 4, 5]; // Add one element in the array arr[arr.length] = 6; arr[arr.length] = 7; arr[arr.length] = 8; // Print the array document.write(arr) // 1,2,3,4,5,6,7,8 </script> </html>

总之,在本教程中,我们讨论了三种在 JavaScript 数组末尾添加元素的方法。这三种方法是使用 Array 的 push() 和 splice() 方法,以及使用索引。

更新于:2022年8月22日

5K+ 浏览量

启动您的 职业生涯

完成课程后获得认证

开始学习
广告