如何在JavaScript中将对象(如字符串或数字)附加到数组中?
当前回答
push()将一个新元素添加到数组的末尾。
pop()从数组末尾删除元素。
要将对象(如字符串或数字)附加到数组,请使用:
array.push(toAppend);
其他回答
您可以使用JavaScript Spread运算符语法:
// Initialize the array
var arr = [
"Hi",
"Hello",
"Bangladesh"
];
// Append a new value to the array
arr = [...arr, "Feni"];
// Or you can add a variable value
var testValue = "Cool";
arr = [...arr, testValue ];
console.log(arr);
// Final output [ 'Hi', 'Hello', 'Bangladesh', 'Feni', 'Cool' ]
附加单个项目
要将单个项附加到数组,请使用array对象提供的push()方法:
const fruits = ['banana', 'pear', 'apple']
fruits.push('mango')
console.log(fruits)
push()对原始数组进行变异。
要创建新数组,请使用concat()array方法:
const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango')
console.log(allfruits)
请注意,concat()实际上并没有向数组中添加项,而是创建了一个新数组,您可以将其分配给另一个变量,或重新分配给原始数组(声明为let,因为无法重新分配常量):
const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango')
console.log(allfruits)
let fruits = ['banana', 'pear', 'apple']
fruits = fruits.concat('mango')
附加多个项目
要将多个项附加到数组中,可以通过使用多个参数调用push():
const fruits = ['banana', 'pear', 'apple']
fruits.push('mango', 'melon', 'avocado')
console.log(fruits)
您还可以使用前面看到的concat()方法,传递一个用逗号分隔的项目列表:
const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango', 'melon', 'avocado')
console.log(allfruits)
或阵列:
const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat(['mango', 'melon', 'avocado'])
console.log(allfruits)
请记住,如前所述,此方法不会改变原始数组,但会返回一个新数组。
最初发布于
您可以使用push和apply函数附加两个数组。
var数组1=[11,32,75];var数组2=[99,67,34];数组.原型.推送.应用(array1,array2);console.log(array1);
它将把array2追加到array1。现在数组1包含[11,32,75,99,67,34]。这段代码比编写循环来复制数组中的每个项要简单得多。
如果您知道最高索引(例如存储在变量“i”中),那么您可以
myArray[i + 1] = someValue;
然而,如果你不知道,那么你可以使用
myArray.push(someValue);
如其他答案所示,或者您可以使用
myArray[myArray.length] = someValue;
注意,数组是从零开始的,因此.length返回最高索引加1。
还要注意,您不必按顺序添加,实际上可以跳过值,如
myArray[myArray.length + 1000] = someValue;
在这种情况下,介于两者之间的值将具有未定义的值。
因此,当在JavaScript中循环以验证某个值是否确实存在时,这是一个很好的做法。
这可以通过以下方式实现:
if(myArray[i] === "undefined"){ continue; }
如果您确定数组中没有任何零,则可以执行以下操作:
if(!myArray[i]){ continue; }
当然,在这种情况下,请确保不要使用myArray[i]作为条件(正如互联网上的一些人根据结尾所建议的,一旦i大于最高索引,它将返回undefined,其结果为false)。
如果要组合两个数组而不重复,可以尝试以下代码:
array_merge = function (arr1, arr2) {
return arr1.concat(arr2.filter(function(item){
return arr1.indexOf(item) < 0;
}))
}
用法:
array1 = ['1', '2', '3']
array2 = ['2', '3', '4', '5']
combined_array = array_merge(array1, array2)
输出:
[1,2,3,4,5]