第5天,JSA如何遍历数组

----------

▉ 什么是循环遍历?为什么?

循环遍历,就是批量的逐个的获取数组中的数据,进行下一步的处理。

for循环遍历

比如下面的代码中有一个数组,现在要把数组中的每个数据读取出来,现在在调试窗口中。

传统的写法如下:

```

function test1(){

let myArray=[1,2,"你好","拉小登"];

console.log(myArray[0]);

console.log(myArray[1]);

console.log(myArray[2]);

console.log(myArray[3]);

}

```

输出的结果如下:

可以看到,代码中第3~6行基本都是一样的,只是获取了不同位置的元素。

- console.log用来在调试窗口中,显示参数中的内容。

- myArray[0],用来获取数组中指定位置的数据,0表示第1个,1表示第2个。

同样的需求,如果用for循环就简单多了。

```

function test2(){

let myArray=[1,2,"你好","拉小登"]

for (let i = 0; i < myArray.length; i++) {

console.log(myArray[i]);

}

}

```

第10~12行代码,用for循环语句,循环遍历了myArray中的元素。其中for循环的语法如下:

```

for(let i=起始值; i< 结束值; i++){

循环执行的代码

}

```

在起始值和结束值之间,逐一的执行《循环执行的代码》。

同时myArray[i]中引用i位置的数据,就可以实现动态的遍历了。

最终输出的结果是一样的。

forEach循环

这是一种更简洁的遍历数组的方法。代码的作用,和上面步骤是一样的。

```javascript

function test3(){

let myArray=[1,2,"你好","拉小登"]

myArray.forEach((element) => {

console.log(element);

});

}

```

for...of循环:

也可以使用`for...of`循环遍历数组。例如:

```javascript

function test4(){

let myArray=[1,2,"你好","拉小登"]

for (let element of myArray) {

console.log(element);

}

}

```

代码执行的结果,都是完全一样的。

for...of的写法,还适合用来遍历对象中的属性,随着不断的学习,慢慢了解这些知识。

===

《10个必会的JSA》教程目录

1- 什么是JSA

https://bbs.wps.cn/topic/45356

2-如何编写第1个JSA程序?

https://bbs.wps.cn/topic/45462

3-JSA认识常量和变量

https://bbs.wps.cn/topic/45544

4-JSA认识数组

https://bbs.wps.cn/topic/45584

山东省
浏览 29
收藏
3
分享
3 +1
2
+1
全部评论 2
 
学习了
· 河南省
回复
 
wps新路

WPS函数专家

每天学习一个新知识
· 重庆
回复