龙空技术网

遍历数组 JavaScript 的不同方法

庄志炎 1033

前言:

目前大家对“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遍历