zoukankan      html  css  js  c++  java
  • 一些特殊的遍历方法

    1.forEach(偏操作元素型)

    对数组中的每一个元素执行一次函数。

            var arr2 = [1,3,6,7];
            var theSum = 0;
            arr2.forEach(function(value, index, arr) {
                //函数可以传入三个参数,value必写
                //其中value为元素的值,当其为储存对象的数组的时候就为对象
                //index为当前所执行的元素对应数组的下标
                //arr数组本身
                theSum += value;
            })
            console.log(theSum); //17
    注意: 除了抛出异常以外,没有办法中止或跳出 forEach() 循环。如果你需要中止或跳出循环,forEach() 方法不是应当使用的工具。

    2.filter(元素筛选)

    用来测试数组的每个元素的函数。返回 true 表示该元素通过测试,保留该元素,false 则不保留。该方法的传入参数与foreach一致        // filter 筛选数组

        <script>
            // filter 筛选数组
            var arr = [12, 66, 4, 88, 3, 7];
            var newArr = arr.filter(function(value, index) {
                return value >= 12;
                //符合条件要求的就返回
           //等式左边需要有一个数组来接收参数
            });
            console.log(newArr); // 12 66 88
        </script>

    利用该方法数组去重:

            // filter 筛选数组
            var arr = [12, 2, 2, 3, 3, 7];
            var newArr = arr.filter(function(value, index) {
                return index == arr.indexOf(value);
            });
            console.log(newArr);

    3.some(判断元素是否存在)

            // some 查找数组中是否有满足条件的元素 
            // var arr = [10, 30, 4];
            // var flag = arr.some(function(value) {
            //     // return value >= 20;
            //     return value < 3;
            // });
            // console.log(flag);
            var arr1 = ['red', 'pink', 'blue'];
            var flag1 = arr1.some(function(value) {
                return value == 'pink';
            });
            console.log(flag1);
            // 1. filter 也是查找满足条件的元素 返回的是一个数组 而且是把所有满足条件的元素返回回来
            // 2. some 也是查找满足条件的元素是否存在  返回的是一个布尔值 如果查找到第一个满足条件的元素就终止循环

    4.Object.keys (遍历对象属性)

    用于获取对象身上所有可以枚举的属性名

            // 用于获取对象自身所有的属性
            var obj = {
                id: 1,
                pname: '手机',
                price: 2000,
                num: 666
            };
            var arr = Object.keys(obj);
            console.log(arr);
            arr.forEach(function(value) {
                console.log(value);
            })

    返回一个所有元素为字符串的数组,其元素来自于从给定的object上面可直接枚举的属性。这些属性的顺序与手动遍历该对象属性时的一致。

  • 相关阅读:
    正则表达式口诀
    Ajax请求的四种方式
    jQuery插件 -- jQuery UI插件
    电脑操作技巧
    递归
    声纹识别环境初次搭建
    视频编码book_实战_全角度——1
    SDK等阅读笔记
    音视频bug调试
    音视频开发进阶指南(二)
  • 原文地址:https://www.cnblogs.com/dokom666/p/12863409.html
Copyright © 2011-2022 走看看