JS中遍历数组的两种方式

系统管理员 2023-01-20 13:58 6阅读 0赞

# 方式一 #

for循环

//遍历arr，获取arr中Person对象
                for(var i=0 ; i<arr.length ; i++){ 
                    var p = arr[i];
                    //判断Person对象的age是否大于等于18
                    if(p.age >= 18){ 
                        //如果大于等于18，则将这个对象添加到newArr中
                        //将对象放入到新数组中
                        newArr.push(p);
                    }
                }

# 方式二 #

forEach

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
    
            /* * 一般我们都是使用for循环去遍历数组， * JS中还为我们提供了一个方法，用来遍历数组 * forEach() * - 这个方法只支持IE8以上的浏览器 * IE8及以下的浏览器均不支持该方法，所以如果需要兼容IE8，则不要使用forEach * 还是使用for循环来遍历 */
    
            //创建一个数组
            var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"];
    
            /* * forEach()方法需要一个函数作为参数 * - 像这种函数，由我们创建但是不由我们调用的，我们称为回调函数 * - 数组中有几个元素函数就会执行几次，每次执行时，浏览器会将遍历到的元素 * 以实参的形式传递进来，我们可以来定义形参，来读取这些内容 * - 浏览器会在回调函数中传递三个参数： * 第一个参数，就是当前正在遍历的元素 * 第二个参数，就是当前正在遍历的元素的索引 * 第三个参数，就是正在遍历的数组 * */
            arr.forEach(function(value , index , obj){ 
                console.log(value);
            });
    
    
        </script>
    </head>
    <body>
    </body>
    </html>