如何将某些内容附加到数组中？

使用 Array.prototype.push 方法将值追加到数组的末尾：

// initialize array
var arr = [
  "Hi",
  "Hello",
  "Bonjour"
];

// append new value to the array
arr.push("Hola");

console.log(arr);

您可以使用该函数在单个调用中将多个值追加到数组中：push()

// initialize array
var arr = ["Hi", "Hello", "Bonjour", "Hola"];

// append multiple values to the array
arr.push("Salut", "Hey");

// display all values
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

请注意，该方法返回数组的更新长度。push()

更新

如果要将一个数组的项添加到另一个数组中，可以使用 firstArray.concat（secondArray）：

var arr = [
  "apple",
  "banana",
  "cherry"
];

// Do not forget to assign the result as, unlike push, concat does not change the existing array
arr = arr.concat([
  "dragonfruit",
  "elderberry",
  "fig"
]);

console.log(arr);

更新

如果您想在数组的开头（即第一个索引）前面添加任何值，那么您可以使用 Array.prototype.unshift 来实现此目的。

var arr = [1, 2, 3];
arr.unshift(0);
console.log(arr);

它还支持一次附加多个值，就像 一样。push

更新

ES6 语法的另一种方法是返回一个带有扩展语法的新数组。这将使原始数组保持不变，但返回一个新数组，其中包含附加或预置的新项，符合函数式编程的精神。

const arr = [
  "Hi",
  "Hello",
  "Bonjour",
];

const newArr1 = [
  ...arr,
  "Salut",
];
const newArr2 = [
  "Salut",
  ...arr,
];

console.log(newArr1, newArr2);

如果你只附加一个变量，那么就可以正常工作了。如果需要附加另一个数组，请使用：push()concat()

var ar1 = [1, 2, 3];
var ar2 = [4, 5, 6];

var ar3 = ar1.concat(ar2);

alert(ar1);
alert(ar2);
alert(ar3);

concat 不会影响，除非重新分配，否则，例如：ar1ar2

var ar1 = [1, 2, 3];
var ar2 = [4, 5, 6];

ar1 = ar1.concat(ar2);
alert(ar1);

JavaScript 参考有很多很棒的信息。

一些快速基准测试（每个测试 = 500k 附加元素，结果是多次运行的平均值）显示以下内容：

Firefox 3.6 （Mac版）：

• 小数组：arr[arr.length] = b 更快（300ms vs. 800ms）
• 大型数组：arr.push（b） 更快（500 毫秒对 900 毫秒）

Safari 5.0 （Mac版）：

• 小数组：arr[arr.length] = b 更快（90ms vs. 115ms）
• 大型数组：arr[arr.length] = b 更快（160ms vs. 185ms）

谷歌浏览器 6.0 （Mac）：

• 小数组：没有显着差异（而且 Chrome 速度很快！只有~38毫秒！
• 大型阵列：无显著差异（160ms）

我更喜欢语法，但我认为我会更好地使用版本，至少在原始速度上。不过，我很想看到 IE 运行的结果。arr.push()arr[arr.length]

我的基准测试循环：

function arrpush_small() {
    var arr1 = [];
    for (a = 0; a < 100; a++)
    {
        arr1 = [];
        for (i = 0; i < 5000; i++)
        {
            arr1.push('elem' + i);
        }
    }
}

function arrlen_small() {
    var arr2 = [];
    for (b = 0; b < 100; b++)
    {
        arr2 = [];
        for (j = 0; j < 5000; j++)
        {
            arr2[arr2.length] = 'elem' + j;
        }
    }
}


function arrpush_large() {
    var arr1 = [];
    for (i = 0; i < 500000; i++)
    {
        arr1.push('elem' + i);
    }
}

function arrlen_large() {
    var arr2 = [];
    for (j = 0; j < 500000; j++)
    {
        arr2[arr2.length] = 'elem' + j;
    }
}

If 是一个数组，并且是您要添加的值：arrval

arr.push(val);

例如

var arr = ['a', 'b', 'c'];
arr.push('d');
console.log(arr);

使用 concat：

a = [1, 2, 3];
b = [3, 4, 5];
a = a.concat(b);
console.log(a);

如果你知道最高索引（例如存储在变量“i”中），那么你可以这样做

myArray[i + 1] = someValue;

但是，如果您不知道，则可以使用

myArray.push(someValue);

正如其他答案所建议的那样，或者您可以使用

myArray[myArray.length] = someValue;

请注意，数组是从零开始的，因此 .length 返回最高索引加 1。

另请注意，您不必按顺序添加，您实际上可以跳过值，如

myArray[myArray.length + 1000] = someValue;

在这种情况下，介于两者之间的值将具有 undefined 值。

因此，在循环遍历 JavaScript 时，验证值是否在此时确实存在是一种很好的做法。

这可以通过如下方式完成：

if(myArray[i] === "undefined"){ continue; }

如果你确定数组中没有任何零，那么你可以这样做：

if(!myArray[i]){ continue; }

当然，在这种情况下，请确保不要使用myArray[i]作为条件（正如互联网上的一些人所建议的那样，一旦大于最高索引，它将返回undefined，其计算结果为false）。i

我认为值得一提的是，可以使用多个参数调用推送，这些参数将按顺序附加到数组中。例如：

var arr = ['first'];
arr.push('second', 'third');
console.log(arr);

因此，您可以使用 push.apply 将一个数组附加到另一个数组，如下所示：

var arr = ['first'];
arr.push('second', 'third');
arr.push.apply(arr, ['forth', 'fifth']);
console.log(arr);

带注释的 ES5 提供了有关推送和应用功能的更多信息。

2016 年更新：有了 Spread，您不再需要它了，例如：apply

var arr = ['first'];
arr.push('second', 'third');

arr.push(...['fourth', 'fifth']);
console.log(arr) ;

可以使用 和 函数附加两个数组。pushapply

var array1 = [11, 32, 75];
var array2 = [99, 67, 34];

Array.prototype.push.apply(array1, array2);
console.log(array1);

它将附加到 .现在包含 . 此代码比编写循环来复制数组中的每个项目要简单得多。array2array1array1[11, 32, 75, 99, 67, 34]for

如果你想附加两个数组 -

var a = ['a', 'b'];
var b = ['c', 'd'];

那么你可以使用：

var c = a.concat(b);

如果你想将记录添加到数组（），那么你可以使用：gvar a=[]

a.push('g');

让数组长度属性完成以下工作：

myarray[myarray.length] = 'new element value added to the end of the array';

myarray.length 返回数组中的字符串数。JavaScript 是从零开始的，因此数组的下一个元素键将是数组的当前长度。

例：

var myarray = [0, 1, 2, 3],
    myarrayLength = myarray.length; // myarrayLength is set to 4

该方法将新项添加到数组的末尾，并返回新的长度。例：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

使用新的 ES6 扩展算子，使用以下方法连接两个阵列变得更加容易：push

var arr = [1, 2, 3, 4, 5];
var arr2 = [6, 7, 8, 9, 10];
arr.push(...arr2);
console.log(arr);

这会将 的内容添加到 的末尾。arr2arr

Babel REPL 示例

只想添加一个片段，用于非破坏性地添加元素。

var newArr = oldArr.concat([newEl]);

concat()当然，也可以与二维数组一起使用。无需循环。

var a = [
    [1, 2],
    [3, 4] ];

var b = [
    ["a", "b"],
    ["c", "d"] ];

b = b.concat(a);

alert(b[2][1]); // Result: 2

现在大多数浏览器都支持具有 ECMAScript 5 （ES5） 标准的 JavaScript，您可以使用它来附加到 .apply()array1array2

var array1 = [3, 4, 5];
var array2 = [1, 2];

Array.prototype.push.apply(array2, array1);

console.log(array2); // [1, 2, 3, 4, 5]

Chrome、Firefox、Internet Explorer 和 Edge 支持的 ECMAScript 6 （ES6） 标准的 JavaScript，您可以使用运算符：spread

"use strict";
let array1 = [3, 4, 5];
let array2 = [1, 2];

array2.push(...array1);

console.log(array2); // [1, 2, 3, 4, 5]

操作员将替换为浏览器在思考逻辑时。spreadarray2.push(...array1);array2.push(3, 4, 5);

加分项

如果要创建另一个变量来存储两个数组中的所有项目，可以执行以下操作：

ES5 （美） var combinedArray = array1.concat(array2);

ES6 （美） const combinedArray = [...array1, ...array2]

展开运算符 （） 用于展开集合中的所有项目。...

如果要将单个值追加到数组中，只需使用 push 方法即可。它将在数组的末尾添加一个新元素。

但是，如果您打算添加多个元素，则将元素存储在一个新数组中，并将第二个数组与第一个数组连接起来......无论哪种方式，你都愿意。

arr=['a','b','c'];
arr.push('d');
//now print the array in console.log and it will contain 'a','b','c','d' as elements.
console.log(array);

如果你想合并两个数组而没有重复的数组，你可以尝试下面的代码：

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]

如果你使用的是 ES6，你可以使用点差运算符来做到这一点。

var arr = [
    "apple",
    "banana",
    "cherry"
];

var arr2 = [
    "dragonfruit",
    "elderberry",
    "fig"
];

arr.push(...arr2);

有几种方法可以在 JavaScript 中附加数组：

1）该方法将一个或多个元素添加到数组的末尾，并返回数组的新长度。push()

var a = [1, 2, 3];
a.push(4, 5);
console.log(a);

输出：

[1, 2, 3, 4, 5]

2）该方法将一个或多个元素添加到数组的开头，并返回数组的新长度：unshift()

var a = [1, 2, 3];
a.unshift(4, 5);
console.log(a); 

输出：

[4, 5, 1, 2, 3]

3）该方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。concat()

var arr1 = ["a", "b", "c"];
var arr2 = ["d", "e", "f"];
var arr3 = arr1.concat(arr2);
console.log(arr3);

输出：

[ "a", "b", "c", "d", "e", "f" ]

4）您可以使用数组的属性在数组的末尾添加一个元素：.length

var ar = ['one', 'two', 'three'];
ar[ar.length] = 'four';
console.log( ar ); 

输出：

 ["one", "two", "three", "four"]

5） 该方法通过删除现有元素和/或添加新元素来更改数组的内容：splice()

var myFish = ["angel", "clown", "mandarin", "surgeon"];
myFish.splice(4, 0, "nemo");
//array.splice(start, deleteCount, item1, item2, ...)
console.log(myFish);

输出：

["angel", "clown", "mandarin", "surgeon","nemo"]

6） 您还可以通过指定新索引并分配值来向数组添加新元素：

var ar = ['one', 'two', 'three'];
ar[3] = 'four'; // add new element to ar
console.log(ar);

输出：

["one", "two","three","four"]

现在，您可以利用 ES6 语法并执行

let array = [1, 2];
console.log([...array, 3]);

保持原始数组不可变。

我们在 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];

它们是向数组添加或附加新值的主要函数。

你 .push（） 该值。示例： array.push（value）;

您可以使用 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' ]

您可以使用 push 方法。

Array.prototype.append = function(destArray){
    destArray = destArray || [];
    this.push.call(this, ...destArray);
    return this;
}
var arr = [1,2,5,67];
var arr1 = [7,4,7,8];
console.log(arr.append(arr1)); // [7, 4, 7, 8, 1, 4, 5, 67, 7]
console.log(arr.append("Hola")) // [1, 2, 5, 67, 7, 4, 7, 8, "H", "o", "l", "a"]

将值追加到数组

由于 Array.prototype.push 将一个或多个元素添加到数组的末尾并返回数组的新长度，因此有时我们只想获取新的最新数组，以便我们可以执行类似操作：

const arr = [1, 2, 3];
const val = 4;

arr.concat([val]); // [1, 2, 3, 4]

或者只是：

[...arr, val] // [1, 2, 3, 4]

push()将新元素添加到数组的末尾。

pop()从数组末尾删除元素。

若要将对象（如字符串或数字）追加到数组，请使用：

array.push(toAppend);

追加单个项目

若要将单个项目追加到数组中，请使用 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()letconst

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)

请记住，如前所述，此方法不会改变原始数组，但会返回一个新数组。

引用于

追加单个元素

// Append to the end
arrName.push('newName1');

// Prepend to the start
arrName.unshift('newName1');

// Insert at index 1
arrName.splice(1, 0,'newName1');
// 1: index number, 0: number of element to remove, newName1: new element


// Replace index 3 (of exists), add new element otherwise.
arrName[3] = 'newName1';

附加多个元素

// Insert from index number 1
arrName.splice(1, 0,'newElemenet1', 'newElemenet2', 'newElemenet3');
// 1: index number from where insert starts,
// 0: number of element to remove,
//newElemenet1,2,3: new elements

追加数组

// Join two or more arrays
arrName.concat(newAry1, newAry2);
//newAry1,newAry2: Two different arrays which are to be combined (concatenated) to an existing array

在数组上追加项

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]);
}

如果你想添加值，你可以使用 push（）， 例如。arr.push("Test1", "Test2");

如果你有数组，你可以使用 concat（），例如.Array1.concat(Array2)

如果你只有一个元素要添加，你也可以尝试 length 方法，例如 .array[aray.length] = 'test';