在本文中,我们将学习如何将数组的元素复制到新的 JavaScript 数组中。
在 JavaScript 中,数组是包含所需键中的值的普通对象,可以是数字。
数组是具有固定数字键和动态值的 JavaScript 对象,在单个变量中包含任意数量的数据。数组是一维或多维的。
JavaScript 数组可以存储任何东西,例如直接值或存储 JavaScript 对象。与不同的语言相比,JavaScript 数组可以在相同数组的不同索引上保存不同的数据。
目录
1.在JavaScript 中从用于目录中复制的元素slice()
2.在JavaScript中使用扩展...运算符从数组中复制数组元素
1.在JavaScript 中从用于目录中复制的元素slice()
该slice()
方法是 JavaScript 提供的内置方法。此方法将数组拆分为两个位置。
通过采用两个输入(开始索引和结束索引)来执行此切割。基于此,该部分将在索引上返回一个数组。
如果只指定起始索引,则返回最后一个元素。使用slice
over的优点splice
是它不会用splice
.
句法:
slice()
slice(start)
slice(start, end)
出现在start
和end
索引处的任何元素(包括结束之前的开始和停止元素)都将插入到新数组中。结束索引是一个完全可选的参数。
const inputArray = ["Kiwi","Orange","Apple","Banana"];
const outputArray1 = inputArray.slice();
console.log(outputArray1);
当我们调用 时slice()
,所有元素都从原始数组复制,即复制inputArray
到outputArray1
。整个数组被复制,因为我们不传递开始或结束索引。
如果起始索引大于数组的长度,则返回空,空数组也将作为输出返回。有趣的部分是,如果您指定负索引,输入参数将被视为从序列末尾开始的更改。
一旦你在任何浏览器中运行上面的代码,它就会打印出类似这样的内容。
输出:
["Kiwi","Orange","Apple","Banana"]
2.在JavaScript中使用扩展...运算符从数组中复制数组元素
( spread
)...
语法可以扩展可迭代对象,例如,表达式或数组,其中需要零个或多个参数(用于函数调用)或元素(用于数组字面量),或者在零个或多个键的地方扩展对象表达式-value 对是预期的(对于对象文字)。
句法:
const newArray = [...oldArray];
spread
当对象或数组的所有元素必须包含在某个列表中时,可以使用该语法。
它通常用于将新项目添加到本地数据存储或查看所有已保存的项目和新增内容。此类操作的一个非常简单的版本可能如下所示。
const inputArray = ["Kiwi","Orange","Apple","Banana"];
const outputArray1 = [...inputArray, 'Grapes'];
console.log(outputArray1);
在上面的示例中,您可以尽可能多地执行最后一行,以将更多葡萄添加到数组的末尾。
输出:
["Kiwi","Orange","Apple","Banana"]
["Kiwi","Orange","Apple","Banana", "Grapes"]