zoukankan      html  css  js  c++  java
  • 数组的迭代(循环)方法

    ① every :针对数组元素做些判断,如果结果都为true  则返回的结果为true

    1) 用法:数组.every(function(item,idx,arr){ return 判断条件 })

    2) Item表示数组中的数组项  idx表示数组项索引 arr表示循环的数组

    3) 如果循环每一个数组 返回的判断条件 结果都是true every函数返回的就是true 如果循环过程中有一个返回值为false, 则every函数返回值也是false

    ② Some:和every用法完全相同

    1) 作用:some只要有一个返回值为true  some的返回值就是true,如果返回值全是false  some的返回值也是false

    ③ Filter:过滤器

    1) 用法:数组.fliter(function(item,idx){ return 过滤条件 })

    2) 如果数组项 满足过滤条件,就保留下来,不满足 就过滤掉,最后将保留下来的数组项 组成一个新数组 返回出来

    ④ Map:

    1) 用法:数组.map(function(itemidx){ return 对数组项的操作代码 });

    2) 循环每一个数组项 对每一个数组项执行返回的操作代码 将操作过之后的数组项 组成一个新数组 返回出来

    ⑤ forEach

    1) 用法:数组.forEach(function(item,idx){ 循环体代码 })

    2) 作用:循环数组,执行循环体代码

    ⑥代码示例

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <script>
            // every :针对数组元素做些判断,如果结果都为true  则返回的结果为true
            // 如果循环每一个数组 返回的判断条件 结果都是true every函数返回的就是true 如果循环过程中有一个返回值为false, 则every函数返回值也是false
            var arr = [1,2,3,4,5,6,7];
            var ret = arr.every(function(item,idx,arr){
                // console.log(item+"---"+idx,arr);
                return item>1;
            })
            console.log(ret);
    
            // some :  针对数组元素做些判断,如果结果有一个为true  则返回的结果为true
            var ret1 = arr.some(function(item,idx,arr){
                // console.log(item+"---"+idx,arr);
                return item>6;
            })
            console.log(ret1);
    
            // filter : 针对数组元素做些判断,满足条件的元素,会组成一个新的数组,并且返回
            var arr1 = ["张居正","张之洞","张三丰","王安石","王伯当","王羲之","李云龙","意大利炮"];
            //留下姓张的
            var arr2 = arr1.filter(function(item,idx){
                return item.indexOf("")==0
            })
            console.log(arr2);
    
            // map :    返回一个新的数组
            var arr3 = ["老萧","allen","萧宇"];
            var arr4 = arr3.map(function(item,idx){
                return item+"真帅";
            })
            console.log(arr4);
    
            // forEach :  没有返回值,就是一个简单的循环
            var arr5 = ["马云","马化腾","李彦宏","蔡崇信","张勇"];
            arr5.forEach(function(item,idx){
                console.log(idx+'---'+item);
            })
    
            
        </script>
    </body>
    </html>
  • 相关阅读:
    VScode中Python的交互式命令环境使用笔记
    jmeter beanshell判断响应的json串,参数的值是否正确;
    类和类的继承 实现关系;
    类与类依赖关系,实例;
    类与类包含关系,实例;
    java中有package的编译执行;java编译乱码;
    java 类与类之间的关系,方法重写与方法重载的区别
    beanshell sampler构造响应数据;
    Scanner类及其中方法的使用;
    java 构造方法 代码块 this
  • 原文地址:https://www.cnblogs.com/shihaiying/p/13683612.html
Copyright © 2011-2022 走看看