将值附加到数组

由于Array.prototype.push将一个或多个元素添加到数组的末尾，并返回数组的新长度，因此有时我们只想获得最新的数组，这样我们就可以这样做：

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

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

或者只是：

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

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

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

使用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）；

如果要附加两个数组-

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

那么您可以使用：

var c = a.concat(b);

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

a.push('g');

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

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

使用新的ES6排列运算符，使用push连接两个阵列变得更加容易：

var arr=[1，2，3，4，5]；var arr2=[6，7，8，9，10]；arr.push（…arr2）；控制台日志（arr）；

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

Babel REPL示例