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. Linux学习笔记-基本操作5

    1. Linux文件操作相关函数 stat函数 :获取文件属性(从inode上获取)                返回值:                    成功:0               ...

  2. 重识 PWA 进阶到 workbox3

    看到PWA,似曾相识,但又感觉很模糊,于是乎,又重新翻阅文档,学习了一遍,顺便把相关知识学习了一下,比如service worker,workbox3. PWA 概念: 全称:Progressive ...

  3. CentOS7安装MYSQL。

    参考这个文章(网页已存到本地):http://www.cnblogs.com/starof/p/4680083.html 安装完成后,本地登录MYSQL没有问题. 现在主要是在windows下用ora ...

  4. Shell - 简明Shell入门13 - 用户输入（UserInput）

    示例脚本及注释 1 - arguments #!/bin/bash if [ -n "$1" ];then # 验证参数是否传入 echo "The first para ...

  5. [LeetCode]640解方程式

    问题描述: 示例 1: 输入: "x+5-3+x=6+x-2" 输出: "x=2" 示例 2: 输入: "x=x" 输出: "In ...

  6. 为什么需要jQuery Mobile

        1.没有所谓的移动互联网,只有一个互联网     2.设计移动网站不需要什么特别处理     3.一个站点应当在所有设备(台式机.手机.电视)上都能运转     jQuery Mobile诞生 ...

  7. IQueryable与IEnumerable

    IEnumerable: 从服务器处取回所有数据,在客户端根据过滤条件进行过滤再返回结果. IQueryable: 从服务器处进行过滤,直接返回过滤后的结果.

  8. 【liferay】6、关于liferay中使用requestMapping映射地址提交表单

    1.接着上一篇博客,从新在定义一下页面 <%@ page contentType="text/html; charset=utf-8" language="java ...

  9. javascript数据结构与算法---检索算法（二分查找法、计算重复次数）

    javascript数据结构与算法---检索算法(二分查找法.计算重复次数) /*只需要查找元素是否存在数组,可以先将数组排序,再使用二分查找法*/ function qSort(arr){ if ( ...

  10. [Python 从入门到放弃] 2. 列表的其它操作

    1. 列表可以混合不同类型的数据项 movies=['<黄飞鸿之英雄有梦>','<寒战2>','<乘风破浪>'] 在这句代码中,数据项为电影名称,现在这个列表用来保 ...