如何在JavaScript中将对象(如字符串或数字)附加到数组中?
当前回答
在数组上追加项
let fruits = ["orange", "banana", "apple", "lemon"]; /* Array declaration */
fruits.push("avacado"); /* Adding an element to the array */
/* Displaying elements of the array */
for(var i=0; i < fruits.length; i++){
console.log(fruits[i]);
}
其他回答
附加单个项目
要将单个项附加到数组,请使用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)
请记住,如前所述,此方法不会改变原始数组,但会返回一个新数组。
最初发布于
您可以使用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.prototype.push方法将值附加到数组末尾:
//初始化数组变量arr=[“嗨”,“你好”,“你好”];//将新值附加到数组arr.push(“Hola”);控制台日志(arr);
您可以使用push()函数在一次调用中将多个值附加到数组中:
//初始化数组var arr=[“Hi”,“你好”,“Bonjour”,“Hola”];//将多个值附加到数组arr.push(“Salut”,“嘿”);//显示所有值对于(变量i=0;i<arr.length;i++){控制台日志(arr[i]);}
使现代化
如果要将一个数组的项添加到另一个数组,可以使用firstArray.concat(secondArray):
变量arr=[“苹果”,“香蕉”,“樱桃”];//不要忘记分配结果,因为与push不同,concat不会更改现有数组arr=arr.concat([“龙果”,“接骨木”,“无花果”]);控制台日志(arr);
使现代化
如果你想在数组的开头加上任何值(即第一个索引),那么你可以使用array.prototype.unshift。
var arr=[1,2,3];arr.unshift(0);控制台日志(arr);
它还支持像push一样一次附加多个值。
使现代化
ES6语法的另一种方法是使用扩展语法返回新数组。这使原始数组保持不变,但返回一个附加了新项的新数组,符合函数式编程的精神。
常量arr=[“嗨”,“你好”,“你好”,];常量newArr=[…arr,“致敬”,];console.log(newArr);
push()方法向数组末尾添加新项,并返回新长度。例子:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
// The result of fruits will be:
Banana, Orange, Apple, Mango, Kiwi
您的问题的确切答案已经得到了回答,但让我们看看向数组中添加项的其他方法。
unshift()方法将新项添加到数组的开头,并返回新长度。例子:
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon", "Pineapple");
// The result of fruits will be:
Lemon, Pineapple, Banana, Orange, Apple, Mango
最后,concat()方法用于连接两个或多个数组。例子:
var fruits = ["Banana", "Orange"];
var moreFruits = ["Apple", "Mango", "Lemon"];
var allFruits = fruits.concat(moreFruits);
// The values of the children array will be:
Banana, Orange, Apple, Mango, Lemon
我们在JavaScript中没有Array的append函数,但我们有push和unshift。假设您有以下阵列:
var arr = [1, 2, 3, 4, 5];
我们喜欢向这个数组附加一个值。我们可以执行arr.push(6),它将在数组末尾添加6:
arr.push(6); // Returns [1, 2, 3, 4, 5, 6];
我们还可以使用unshift,看看我们如何应用它:
arr.unshift(0); // Returns [0, 1, 2, 3, 4, 5];
它们是向数组添加或追加新值的主要函数。