JavaScript高级编程——Array数组迭代（every()、filter()、foreach()、map()、some()，归并（reduce() 和reduceRight() ））

　　

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>数组迭代方法</title>

</head>

<body>

    <script>

        var numberEvery = [1, 2, 3, 4, 5, 4, 3, 2, 1];

        var everyResult = numberEvery.every(function (item, index, array) {

            return (item > 2);

        });

        document.write("使用every():对数组的每一项运行给定函数,如果函数的每一项都返回true,则返回true,否则为false," + "数组数据为:" + numberEvery + " 判断是否符合条件:" + everyResult + "<br>");

        console.log(everyResult);

        var someResult = numberEvery.some(function (item,index,array) {

            return (item > 2);

        });

        document.write("使用some():对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true,否则为false," + "数组数据为:" + numberEvery + " 只要有一项符合条件:" + someResult + "<br>");

        console.log(someResult);

        var filterResult = numberEvery.filter(function (item, index, array) {

            return (item > 0);

        });

        document.write("使用filter():对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组,否则返回[]," + "数组数据为:" + numberEvery + "返回符合条件的数组数据:" + filterResult + "<br>");

        console.log(filterResult);

        var mapResult = numberEvery.map(function (item,index,array) {

            return item * 2;

        });

        document.write("使用map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组:" + "数组数据为:" + numberEvery + "返回符合条件的数组数据:" + mapResult + "<br>");

        console.log(mapResult);

        numberEvery.forEach(function (item, index, array) {

            console.log(item,index);

        });

        document.write("使用forEach():对数组中的每一项运行给定函数,这个方法没有返回值:" + "数组数据为:" + numberEvery + "forEach的数据:" + numberEvery + "<br>");

        /*归并数组 reduce()和reduceRight()

            reduce()方法从数组的第一项开始,逐个遍历到最后,

            而reduceRight()则从数组的最后一项开始,向前遍历到第一项

            顾名思义,有点和IndexOf于LastIndex相似

            reduce()和reduceRight()的函数都会接收4个参数:前一个值、当前值、项的索引和数组对象,

            这个函数返回的任何值都会作为第一个参数自动传给下一项第一次迭代发送在数组的第二项上,

            因此第一个参数是数组的第一项,第二个参数就是数组的第二项

        */

        /*

            reduce(function('前一个值','当前值','索引','对象'){});

            reduceRight()只是方向相反

        */

        var values = [1,2,3,4,5];

        var sum = values.reduce(function (prev, cur, index, array) {

            return prev + cur;

        });

        document.write("reduce()将前一个值和当前值相加:"+sum+"<br>")

        console.log(sum);

        var sumReduceRight = values.reduceRight(function (prev, current, index, array) {

            return prev + current;

        })

        document.write("reduceRight()的值和reduce是相同的,主要取决要从哪头开始遍历数组:" + sumReduceRight+"<br>")

        console.log(sumReduceRight);

     </script>

</body>

</html>

　　

JavaScript高级编程——Array数组迭代（every()、filter()、foreach()、map()、some()，归并（reduce() 和reduceRight() ））的更多相关文章

  1. JS数组中every(),filter(),forEach(),map(),some()方法学习笔记！

    ES5中定义了五种数组的迭代方法:every(),filter(),forEach(),map(),some(). 每个方法都接受两个参数:要在每一项运行的函数(必选)和运行该函数的作用域的对象-影响 ...

  2. js数组中indexOf/filter/forEach/map/reduce详解

    今天在网上看到一篇帖子,如题: 出处:前端开发博客 (http://caibaojian.com/5-array-methods.html) 在ES5中一共有9个Array方法,分别是: Array. ...

  3. JavaScript高级编程——引用类型、Array数组使用、栈方法

    JavaScript高级编程——引用类型.Array数组使用.栈方法 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999 ...

  4. JavaScript高级编程———数据存储（cookie、WebStorage）

    JavaScript高级编程———数据存储(cookie.WebStorage) <script> /*Cookie 读写删 CookieUtil.get()方法根据cookie的名称获取 ...

  5. JavaScript高级编程———JSON

    JavaScript高级编程———JSON < script > /*JSON的语法可以表达一下三种类型的值 简单值:使用与javas相同的语法,可以在JSON中表达字符串.数值.布尔值和 ...

  6. JavaScript高级编程———基本包装类型String和单体内置对象Math

    JavaScript高级编程———基本包装类型和单体内置对象 <script> var stringObject = new String("hello world") ...

  7. javascript高级编程笔记01(基本概念)

    1.在html中使用JavaScript 1.  <script> 元素 <script>定义了下列6个属性: async:可选,异步下载外部脚本文件. charset:可选, ...

  8. JavaScript高级编程——Date类型

    JavaScript高级编程——Date类型 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ...

  9. Javascript高级编程学习笔记（13）—— 引用类型（2）Array类型

    除了Object类型之外ECMA中最常用的引用类型可能就是Array类型了 并且ECMA中的数组类型和其他大多数编程语言的数组类型存在着很大的区别 今天就介绍一下JS中的Array的特别之处 区别 1 ...

随机推荐

  1. 跟着刚哥学Redis

    NoSQL 简介 NoSQL(NoSQL = Not Only SQL ),意即"不仅仅是SQL".是对不同于传统的关系型数据库的数据库管理系统的统称.它泛指非关系型的数据库.随着 ...

  2. django -- 美多订单分表

    订单分表: 随着公司业务增长,如果每天1000多万笔订单的话,3个月将有约10亿的订单量,之前数据库采用单表的形式已经不满足于业务需求,数据库改造迫在眉睫. 解决思路: 按月分表,将原订单表拆分为 o ...

  3. NVIDIA GRID 和 NICE DCV 技术用于实现 Linux 和 Windows® 图形加速虚拟桌面

    NVIDIA GRID 和 NICE DCV 技术用于实现 Linux 和 Windows® 图形加速虚拟桌面. NICE DCV: 满足 LINUX 和 WINDOWS 的远程 3D 通过 NICE ...

  4. centos clamav杀毒软件安装配置及查杀，没想到linux下病毒比windows还多！

    centos clamav杀毒软件安装配置及查杀,没想到linux下病毒比windows还多! 一.手动安装 1.下载(官网)    cd /soft     wget http://www.clam ...

  5. Math、Random、System、BigInteger、Date、DateFormat、Calendar类，正则表达式_DAY14

    1:Math&大数据类四则运算 X abs(X x) double random()         产生随机数 double ceil(double a)   向上取整 double flo ...

  6. MapReduce中的partitioner

    1.日志源文件: 1363157985066 13726230503 00-FD-07-A4-72-B8:CMCC 120.196.100.82 i02.c.aliimg.com 24 27 2481 ...

  7. 开机自启动Nginx的脚本

    1.1 编写shell脚本 这里使用的是编写shell脚本的方式来处理 vi /etc/init.d/nginx  (输入下面的代码) #!/bin/bash # nginx Startup scri ...

  8. php完美匹配邮箱、链接地址和电话号码

    php完美匹配邮箱.链接地址和电话号码 写了好一会有问题,朋友这边很好功能,借用了.嘎嘎 //31日 更新: 匹配手机以及电话号码 重新修改,可支持18开头的手机号,并修改bug,可匹配出字符串中所有 ...

  9. spring boot + mybatis + druid + redis

    接上篇,使用redis做缓存 新建spring boot 工程,添加pom引用 <dependency> <groupId>org.springframework.boot&l ...

  10. 一口一口吃掉Hexo（三）

    如果你想得到更好的阅读效果,请访问我的个人网站 ,版权所有,未经许可不得转载! 相信通过前一节的学习,你已经在你的本地部署好了你的网站,那么接下来就让你的朋友们通过网络访问你的网站吧!通过这一节你将免 ...