2、遍历数组

遍历数组

- 遍历数组简单理解，就是获取到数组中的每一个元素

    <script>
        //任何类型的值都可以成为数组中的元素
        let arr = [1,'hello',true,null,{name:'孙悟空'},() => {}]

        //创建数组时尽量要确保数组中存储的数据的类型是相同类型的
        arr = ['孙悟空','猪八戒','沙和尚']
        console.log(arr)

        arr = ['孙悟空','猪八戒','沙和尚','唐僧','白骨精']  
        for(let i = 0; i < arr.length-1; i++){
            console.log(arr[i])
        }

        for(let i = arr.length-1; i >= 0; i--){
            console.log(arr[i])
        }

        /* 
            定义一个Person类，类中有两个属性name和age
                然后创建几个Person对象，将其添加到一个数组中

            遍历数组，并打印未成年人的信息
        */

        class Person {
            constructor(name,age){
                this.name = name;
                this.age = age;
            }
        }

        const personArr = [
            new Person('孙悟空',18),
            new Person('沙和尚',25),
            new Person('红孩儿',9)
        ]
        
        for(let i = 0; i < personArr.length; i++){
            if(personArr[i].age < 18){
                console.log(personArr[i])
            }
        }
    </script>

3、for-of语句

for-of语句可以用来遍历可迭代对象

语法：

for(变量 of 可迭代的对象){

​ 语句…

}

执行流程：

for-of的循环体会执行多次，数组中有几个元素就会执行几次，

​ 每次执行时都会将一个元素赋值给变量

    <script>
        const arr = ['孙悟空','猪八戒','沙和尚','唐僧']
        for(let value of arr){
            console.log(value)
        }

        for(let value of 'hello'){
            console.log(value)
        }
    </script>