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. underscore.js源码研究(7)

    概述 很早就想研究underscore源码了,虽然underscore.js这个库有些过时了,但是我还是想学习一下库的架构,函数式编程以及常用方法的编写这些方面的内容,又恰好没什么其它要研究的了,所以 ...

  2. [Vuejs] webpack+vue-cli打包如何引用相对路径

    默认情况下通过webpack+vuec-li打包的css.js等资源,路径都是绝对的,即static在根目录下,假如部署到带有文件夹目录的项目中,资源路径就会出错,如何解决. 1.修改资源引用相对路径 ...

  3. C#6.0语言规范(十八) 不安全代码

    前面章节中定义的核心C#语言与C和C ++的区别在于它省略了作为数据类型的指针.相反,C#提供了引用和创建由垃圾收集器管理的对象的能力.这种设计与其他功能相结合,使C#成为比C或C ++更安全的语言. ...

  4. DevOps - CI - Jenkins

    Jenkins 开源软件项目,其前身为Hudson,旨在提供一个基于Java开发的开放易用的持续集成工具,用于监控持续重复的工作. 主要用于自动而持续地构建/测试软件项目:监控外部调用执行的工作. 官 ...

  5. java爬虫学习

    一.java爬取数据 示例:爬取网站中的所有古风网名:http://www.oicq88.com/gufeng/,并储存入数据库(mysql) jdk版本:jdk1.8 编辑器:idea 项目构建:m ...

  6. 利用Makefile安装helloworld模块（速成）

    这学期对了一门操作系统,满怀着好奇装了虚拟机然后安了Ubuntu,这周作业是编译内核和安装个模块,妈耶,折腾了我一两天.终于弄完,CSDN上有挺多类似的教程,例如陈皓的跟我一起写Makefile,写的 ...

  7. 【sping揭秘】13、Spring AOP一世&二世

    Spring AOP一世 Spring AOP中的advice Before advice 这个就是在方法执行之前执行,也就是在对应的joinpoint之前 spring AOP二世 开启aspect ...

  8. gvim配置相关

    用 vundle 来管理 vim 插件(包含配置文件vimrc和gvimrc) gvim插件管理神器:vundle的安装与使用 Vim插件管理Vundle Linux 下VIM的配置 Vim配置系列( ...

  9. MongoDB作为windows服务来安装

    首先区官网下载对应版本的安装文件,我本地的环境是win7 bit64 我下载的版本是:mongodb-win32-x86_64-2.4.6 ok, 文件下载后,开始安装,这里要说一下,如果直接启动Mo ...

  10. ASP.NET Core 1.0 中使用 Log 日志配置

    https://github.com/aspnet/Logging https://docs.asp.net/en/latest/fundamentals/logging.html ASP.NET C ...