前言:
目前大家对“htmljs遍历”大约比较珍视,兄弟们都想要知道一些“htmljs遍历”的相关知识。那么小编也在网摘上搜集了一些有关“htmljs遍历””的相关知识,希望朋友们能喜欢,兄弟们快快来了解一下吧!介绍
JavaScript 中的数组既可以作为队列工作,也可以作为堆栈工作。 它们允许您在开头或结尾添加/删除元素。 它们是动态的,因为您可以存储不同数据类型的值。
作为一名 JavaScript 开发人员,您将主要使用数组。 掌握数组将提高您的 JavaScript 技能,因为数组是所有编程语言的基本功能,而不仅仅是 JavaScript。
现在让我们看看如何使用 JavaScript 遍历数组的值。 假设我们有以下数组:
const arr = [100 , 200 , 300 , 400 , 500];
1 — 使用 for 循环:
我们使用从 0 到数组长度 (arrayName.length) 的 for 循环迭代数组的索引,并访问每个索引处的元素。
const arr = [100 , 200 , 300 , 400 , 500];for (let i=0 ; i < arr.length ; i++) { console.log(arr[i]); // output : 100 200 300 400 500 }
2 — 使用 for..in :
另一种迭代数组的方法是使用 for...in ,每次迭代都会返回一个键 (x) · 键用于访问键的值
const arr = [100 , 200 , 300 , 400 , 500];for (let i in arr) { console.log(arr[i]); // output : 100 200 300 400 500 }
3 — 使用 for..of :
for...of 是我们可以用来迭代数组的另一个 JavaScript 功能,每次迭代都返回一个值而不是键(与 for..in 相反)
const arr = [100 , 200 , 300 , 400 , 500];for (let i of arr) { console.log(i); // output : 100 200 300 400 500 }
4 — 使用 while :
只要指定条件为真,while 循环就会遍历一段代码
const arr = [100 , 200 , 300 , 400 , 500];let i = 0;while(i < arr.length) { console.log(arr[i]); // output : 100 200 300 400 500 i++; }
5 — forEach 方法:
forEach() 方法为数组中的每个元素调用一个函数。 forEach() 方法不对空元素执行
const arr = [100 , 200 , 300 , 400 , 500];arr.forEach((val , idx) => { console.log(val); // // output : 100 200 300 400 500})
结论 :
感谢您阅读本文
请继续关注我即将发布的帖子,我将在其中解释其他数组方法。
标签: #htmljs遍历