在 JavaScript 中,创建列表的方法有:数组列表:使用数组存储项目,可操作项目(添加、删除、获取)。HTML 元素列表:使用 HTML 元素(如 <ul>、<ol>)创建列表,可根据需要添加样式和结构。

JavaScript 中创建列表
在 JavaScript 中,可以使用数组或 HTML 元素来创建列表。
数组列表
数组是一种有序的数据结构,可以存储各种值,包括对象、字符串和数字。要创建一个数组列表,可以使用以下语法:
<code class="javascript">const myList = ['item1', 'item2', 'item3'];</code>
HTML 元素列表
HTML 中有几种不同的元素可以用于创建列表,包括 <ul>、<ol> 和 <dl>。
-
<ul>:无序列表,用于创建项目符号列表。 -
<ol>:有序列表,用于创建带编号的列表。 -
<dl>:定义列表,用于创建定义列表(术语及其定义)。
要创建 HTML 列表,可以使用以下示例语法:
<code class="html"><ul> <li>项目 1</li> <li>项目 2</li> <li>项目 3</li> </ul></code>
操作列表
无论使用数组还是 HTML 元素,都可以使用以下方法来操作列表:
-
添加项:使用
push()方法(数组)或appendChild()方法(HTML 元素)。 -
删除项:使用
pop()方法(数组)或removeChild()方法(HTML 元素)。 -
获取项:使用
getItem()方法(数组)或querySelector()方法(HTML 元素)。
示例
以下是使用数组创建列表和添加项的 JavaScript 示例:
<code class="javascript">const myList = ['item1', 'item2'];
myList.push('item3');</code>以下是使用 HTML 元素创建列表的示例:
<code class="html"><ul id="myList">
<li>项目 1</li>
<li>项目 2</li>
</ul>
const myList = document.getElementById('myList');
const newListItem = document.createElement('li');
newListItem.textContent = '项目 3';
myList.appendChild(newListItem);</code>










