如何在 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(元素数) = 要添加的元素
示例
在此示例中,我们创建了一个名为 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() 方法,以及使用索引。