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. zookeeper客户端命令详解

    今天同事突然向看一下zookeeper中都创建了哪些节点,而我本人对zookeeper的客服端命令了解的很少,有些操作竟然不知道怎么用,于是乎就索性整理一下zookeeper客服端命令的使用,并再此记 ...

  2. DNS 预解析

    DNS 解析也是需要时间的,可以通过预解析的方式来预先获得域名所对应的 IP. <link rel="dns-prefetch" href="//yuchengka ...

  3. 微信小程序自定义组件的使用以及调用自定义组件中的方法

    在写小程序的时候,有时候页面的内容过多,逻辑比较复杂,如果全部都写在一个页面的话,会比较繁杂,代码可读性比较差,也不易于后期代码维护,这时候可以把里面某部分功能抽出来,单独封装为一个组件,也就是通常说 ...

  4. 多态、抽象类、接口_DAY09

    1:多态(掌握) (1)多态概念:一种事物的多种形态 (2)体现:父类的引用指向其子类的实例对象;接口的引用指向其实现类的实例对象 (3)特点: 成员方法:编译看左边,运行看右边 运行:子类重写的方法 ...

  5. Java代码调用Oracle的存储过程,存储函数和包

    Java代码调用存储过程和存储函数要使用CallableStatement接口 查看API文档: 上代码: java代码调用如下的存储过程和函数: 查询某个员工的姓名  月薪 职位 create or ...

  6. 查看MySQL 表结构

    前言:最近在实习中,做到跟MySQL相关的开发时,想起了好久前的一个笔试题——查看数据库表结构有哪几种方法: (一)使用DESCRIBE语句 DESCRIBE table_name; 或DESC ta ...

  7. 什么是MSI文件？

    当你双击`msi`文件时,就会调用`window.installer`程序,接下来就和安装其他程序一样了,但是你要确保你的`window.installer`服务是开启的,你可以在控制面板下的服务中找 ...

  8. Mysql 锁机制和事务

    InnoDB 锁机制 InnoDB存储引擎支持行级锁 其大类可以细分为共享锁和排它锁两类 共享锁(S):允许拥有共享锁的事务读取该行数据.当一个事务拥有一行的共享锁时,另外的事务可以在同一行数据也获得 ...

  9. Async异步编程入门示例

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...

  10. MySQL中的三中循环 while 、 loop 、repeat 求 1~n 的和

    -- MySQL中的三中循环 while . loop .repeat 求 1-n 的和 -- 第一种 while 循环 -- 求 1-n 的和/* while循环语法:while 条件 DO 循环体 ...