JavaScript五种遍历方式

最新推荐文章于 2024-01-22 17:08:21 发布

正在努力的路路

最新推荐文章于 2024-01-22 17:08:21 发布

阅读量103

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/m0_51562385/article/details/111460630

版权

笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

ES5新增的五种迭代（遍历方式）

// An highlighted block
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
     //forEach遍历数组(迭代) 
     var arr=[1,2,3];
     var sum=0;
     arr.forEach(function(value,index,arrey){
         console.log('每个数组元素'+value);
         console.log('每个索引号'+index);
         console.log('遍历的数组'+arrey);
         sum+=value;
     });
    //  filter遍历且筛选数组 
    // 返回值是一个新数组 所以需要参数来接收 返回的是新数组不会影响数组本身
    var arr1=[11,3,66,20];

    var arr11=arr1.filter(function(value,index,array){
        // return value>=  20;
        return value%2===0;
    });
    console.log(arr11);
    //some();方法 布尔值返回的是
    var arr2=['blue','red','skyblue']
    arr22=arr2.some(function(value,index,arr){
        return value=='blue';
    })
    console.log(arr22);
    // filter 也是查找返回满足条件的值 返回的是一个数组 而是把所以满足条件的都返回
    // some   也是查找返回满足条件的值 返回的是一个布尔值 如果查找到第一个满足条件的就终止查询
    var arr3=[11,3,66,20];
    //map 返回一个新数组
    var arr33=arr3.map(function(value,index,array){
        // return value>=  20;
        return value*value;
    });
    console.log(arr33);
//     0: 121
//     1: 9
//     2: 4356
//     3: 400
// every()迭代方法 与some相似  some只要有一个满足条件就返回true 而every则需要每一项都为true
    
    </script>
</body>
</html>

正在努力的路路

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript五种遍历方式

ES5新增的五种迭代（遍历方式）// An highlighted block<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" c
复制链接

扫一扫