如何在 JavaScript 数组的最后添加元素?

front end technologyjavascriptweb development

在本教程中,我们将学习如何在 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(元素数) = 要添加的元素

示例

在此示例中,我们创建了一个名为 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 数组末尾添加元素的方法。这三种方法是使用数组 push() 和 splice() 方法,以及使用索引。


相关文章