第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认识数组
WPS函数专家