加入数组 JavaScript - HTML

在 JavaScript 和 HTML 中，加入数组是一个基本的操作。它使您能够将一个或多个元素添加到数组中。本文将向您介绍如何在JavaScript和HTML中加入一个数组。

JavaScript中加入数组

在JavaScript中加入数组，您需要使用 push() 方法。

let myArray = ["apple", "banana", "orange"];
myArray.push("pear");
console.log(myArray);

上方代码片段中，push() 方法将 "pear" 添加到 myArray 数组中。console.log() 命令将打印整个数组，您将看到 "pear" 已被添加。

HTML中加入数组

在HTML中加入数组，您需要使用 Array.from() 方法。

<ul id="myList">
  <li>apple</li>
  <li>banana</li>
  <li>orange</li>
</ul>

let myList = document.querySelectorAll("#myList li");
let myArray = Array.from(myList);

myArray.push("pear");
console.log(myArray);

上方代码片段中，我们首先选择了我们要转换为数组的HTML列表项。然后，我们使用 Array.from() 方法将它们转换为数组。最后，我们使用 push() 方法向数组中添加 "pear"。

总结

如您所见，加入数组在JavaScript和HTML中都是相当简单的操作。只需使用 push() 方法将元素添加到JavaScript数组中，或使用 Array.from() 方法将HTML元素转换为数组，然后使用 push() 方法将元素添加到数组中。

注意，push() 方法将始终将元素添加到数组的末尾。有关更高级的数组操作，请查看JavaScript的Array文档。