9-3 数组的遍历

1. for循环

var arr = ['孙悟空','猪八戒','沙和尚','唐玄奘']
        for (var i =0; i < arr.length; i++){
            console.log(arr[i])
        }
筛选出大于18岁的英雄
        function Person(name,age){
            this.name = name;
            this.age = age
        }
        var per = new Person('孙悟空',500)
        var per1 = new Person('红孩儿',8)
        var per2 = new Person('蜘蛛精',16)
        var per3 = new Person('杨戬',23)
        var per4 = new Person('白骨精',15)
        var per5 = new Person('唐玄奘',28)
        var perArr = [per,per1,per2,per3,per4,per5]
        // 创建一个新数组接收大于18岁的英雄
        function getAdult(arr){
            var newArr = []
            for (var i=0; i<arr.length; i++){
                if(arr[i].age>=18){
                    newArr.push(arr[i])
                }
            }
            return newArr
        }
        var result = getAdult(perArr)
        console.log(result)

2. forEach()

只支持IE8以后的浏览器（IE9及以后）,手机端可以
需要一个函数作为参数，由我们创建但是不由我们调用的，称为回调函数
var arr = ['孙悟空'，'猪八戒','沙和尚']
arr.forEach(function(value , index , obj){}
数组中有几个元素函数就会执行几次，每次执行时，浏览器会将遍历到的元素，以实参的形式传递进来，我们可以来定义形参，来读取这些内容
浏览器会在回调函数中传递三个参数
     第一个参数：当前正在遍历的元素
     第二个参数：当前正在遍历的元素的索引
     第三个参数：当前正在遍历的数组