javascript 数组方法 forEach()、filter()、some()、map()、every()

图一：
在这里插入图片描述
图二：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA_Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
    <script>
        window.onload = function () {
        // 数组方法
        // 迭代(遍历)方法:forEach()、filter()、some()、map()、every() ;

            // 1 forEach() 迭代（遍历）数组
            // array.forEach(function(currentValue,index,arr))
            // currentValue:数组当前项的值
            // index:数组当前项的索引
            // arr:数组对象本身
            var arr1 = [1,2,3,4];
            arr1.forEach(function (currentValue,index,arr) {
                console.log('每个数组元素'+currentValue);
                console.log('每个数组元素的索引号'+index);
                console.log('数组本身'+arr);
            });
            //输出如图一

            //练习（求数组元素之和）：
            var arr2 = [1,2,3,4];
            var sum = 0;
            arr2.forEach(function (currentValue,index,arr) {
                sum += currentValue;
            });
            console.log(sum);//10


            // 2 filter 筛选数组
            // array.filter (function ( currentValue,index,arr))
            // filter()方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组
            // 注意它直接返回一个新数组
            // currentValue:数组当前项的值
            // index:数组当前项的索引
            // arr:数组对象本身
            var arr3 = [11,66,7,88];
            var newArr = arr3.filter(function (currentValue,index,arr) {
                return currentValue >= 20;//return 后面随便写，但必须是bollean型
            });
            console.log(newArr);//输出如图二


            // 3 some 查找数组中是否有满足条件的元素
            // array.some (function (currentValue,index,arr))
            // some()方法用于检测数组中的元素是否满足指定条件.通俗点查找数组中是否有满足条件的元素
            // 注意它返回值是布尔值如果查找到这个元素,就返回true，如果查找不到就返回false.
            // 如果找到第一个满足条件的元素,则终止循环不在继续查找.
            // currentValue:数组当前项的值
            // index:数组当前项的索引
            // arr:数组对象本身
            var arr4 = [10,30,4];
            var flag = arr4.some(function (currentValue) {
                // return currentValue >= 20;//true
                return currentValue <= 3;//false
            });
            console.log(flag);
            //也能查找字符串
            var arr5 = ['red','pink','blue'];
            var flag1 = arr5.some(function (currentValue) {
                return currentValue == 'pink';//true
            });
            console.log(flag1);

            // 4 map(),与forEach相似
            //https://blog.csdn.net/u014732824/article/details/89249645

            // 5 every(),与some相似
            //https://blog.csdn.net/qq_44192588/article/details/105062663





        }
    </script>
</head>
<body>

</body>
</html>
javascript 数组方法 forEach()、filter()、some()、map()、every()

猜你喜欢
