如何将内容添加到数组中？

内容来自 DOC https://q.houxu6.top/?s=如何将内容添加到数组中？

在JavaScript中，如何将一个对象（如字符串或数字）添加到数组中？

---

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

// 初始化数组
var arr = [
  "Hi",
  "Hello",
  "Bonjour"
];

// 在数组末尾添加新值
arr.push("Hola");

console.log(arr);

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

// 初始化数组
var arr = ["Hi", "Hello", "Bonjour", "Hola"];

// 在数组末尾添加多个值
arr.push("Salut", "Hey");

// 显示所有值
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

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

更新

如果你想将一个数组的项目添加到另一个数组中，可以使用firstArray.concat(secondArray):

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

// 不要忘了分配结果，与push不同，concat不会改变现有的数组
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 newArr = [
  ...arr,
  "Salut",
];

console.log(newArr);