第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