•对于ECMAscript5这个版本的Array新特性补充：
–位置方法：indexOf      lastIndexOf
–迭代方法：every  filter   forEach   some    map
–缩小方法：reduce    reduceRight
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

    <head>

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

        <title>Untitled Document</title>

        <script type="text/javascript" charset="utf-8">

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

            //新加位置地方法：indexOf   lastIndenxOf

            //一个参数的时候表示传值，返回索引的位置 （index从0开始）

            //var index = arr.indexOf(5);     //4

            //alert(index);

            //两个参数：第一个：起始位置，第二个参数：值

            //var index = arr.indexOf(4,4);

            //alert(index);

            //他们查找数组元素用‘===’；

            //lastIndexOf

            //var index = arr.lastIndexOf(2);

            //alert(index);

            //5个新增迭代的方法

            /**

             * 1 every：对数组的每一个元素进行函数的运行，

             * 如果都返回true，最后返回true，有一个返回false，最后返回false

             *

             回掉函数

            var result = arr.every(function(item,index,array){

                return items >0;   //数组元素是否都大于0

            });

            alert(result);

            */

            /**

             * 2 filter:对数组的每一项进行函数的运行，把过滤后的结果返回

            var result = arr.filter(function(item,index,array){

                return item >2;  //返回大于2的

            });

            alert(result);    //34543

            */

            //3 forEach:循环数组的每一项的值，并执行一个方法

            /*

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

                alert(item);

            });

            */

            //4 map:对数组的每一项进行函数的运行，返回执行的结果，新的数组

            /*

            var result = arr.map(function(item,index,array){

                return item*3;        //把数组每一项*3，返回新的数组

            });

            alert(result);

            */

            //5 some:跟every相反，有一个返回true就返回true

            /*

            var result = arr.some(function(item,index,array){

                return item >=5;

            });

            alert(result);

            */

            //reduce  reduceRight

            //变量的起始位置不同

            //前一个值，当前值，索引值，array数组本身

            /*

            var result = arr.reduce(function(prev,cur,index,array){

                return prev + cur ;    //前一个值+当前值。求和25

            });

            alert(result);

            */

            var result = arr.reduceRight(function(prev,cur,index,array){

                return prev + cur ;    //前一个值+当前值。求和25

            });

            alert(result);

        </script>

    </head>

    <body>

    </body>

</html>

javascript004_ECMA5数组新特性的更多相关文章

  1. JavaScript_ECMA5数组新特性

    var arr = [ 1, 2, 3, 4, 5, 4, 3, 2, 1 ]; 新加位置的方法: indexOf lastIndexOf1.1个参数的时候表示传值 返回索引位置(index从0开始) ...

  2. JavaScript1.6数组新特性和JQuery的几个工具方法

    JavaScript 1.6 引入了几个新的Array 方法,具体的介绍见:New in JavaScript 1.6 .这些方法已经被写进了ECMA262 V5.现代浏览器(IE9/Firefox/ ...

  3. es6数组新特性

    1.Array.from 从类数组和可遍历对象中创建Array的实例 类数组对象包括:函数中的arguments.由document.getElementsByTagName()返回的nodeList ...

  4. ECMAScript 6新特性（1）数组篇

    数组现有的方法: .concat():连接两个或更多的数组,并返回结果. .join():把数组的所有元素放入一个字符串.元素通过指定的分隔符进行分隔. .pop():删除并返回数组的最后一个元素 . ...

  5. 前端笔记之ES678&Webpack&Babel（中）对象|字符串|数组的扩展&函数新特性&类

    一.对象的扩展 1.1对象属性名表达式 ES6可以在JSON中使用[]包裹一个key的名字.此时这个key将用表达式作为属性名(被当做变量求值),这个key值必须是字符串. var a = 'name ...

  6. ElasticSearch 5学习(10)——结构化查询（包括新特性）

    之前我们所有的查询都属于命令行查询,但是不利于复杂的查询,而且一般在项目开发中不使用命令行查询方式,只有在调试测试时使用简单命令行查询,但是,如果想要善用搜索,我们必须使用请求体查询(request ...

  7. ES6 新特性

    ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准.因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015. 也就是说,ES6就是ES2015. ...

  8. PHP的学习--新特性

    最近做的项目使用了 php7,但感觉有很多新特性没有用起来.就想总结一下,一些可能会用到的新特性.之前使用的环境是 php5.4,所有也会有 php5.5 和 php5.6 的特性总结进来,这里只列出 ...

  9. ES6新特性概览

    本文基于lukehoban/es6features ,同时参考了大量博客资料,具体见文末引用. ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony( ...

随机推荐

  1. 企业搜索引擎开发之连接器connector（二十五）

    下面开始具体分析连接器是怎么与连接器实例交互的,这里主要是分析连接器怎么从连接器实例获取数据的(前面文章有涉及基于http协议与连接器的xml格式的交互,连接器对连接器实例的设置都是通过配置文件操作的 ...

  2. 笔记01 登录、常用配置参数、Action访问Servlet API 和设置Action中对象的值、命名空间和乱码处理、Action中包含多个方法如何调用

    Struts2登录 1. 需要注意:Struts2需要运行在JRE1.5及以上版本 2. 在web.xml配置文件中,配置StrutsPrepareAndExecuteFilter或FilterDis ...

  3. cenos 安装nginx并添加到service

    系统平台:CentOS release 6.6 (Final) 64位. 一.安装编译工具及库文件 yum -y install make zlib zlib-devel gcc-c++ libtoo ...

  4. 初尝2D骨骼动画编辑工具SPINE，并into Unity3D

    一.SPINE使用 研究2D骨骼动画,CYou的朋友介绍我SPINE这个工具,开发自Esoteric Software的一款专门制作2D动画的软件,网络上的资料还很少,我这从半吊子美术技术的角度简单说 ...

  5. Android-Activity启动模式-应用场景

    在上一篇博客中,Android-Activity启动模式(launchMode),就介绍了Activity四种启动模式的特点与使用等,但是到底什么样子的场景,去使用什么样子的启动模式呢 Activit ...

  6. Android Camera的使用（一） 读书笔记

    原文地址 https://blog.csdn.net/junzia/article/details/52301199 拍照步骤1.添加权限2.开启相机时check一下是否有摄像头3.对预览大小.照片大 ...

  7. [react002] component基本用法

    1 什么是component 设计接口的时候,把通用的设计元素(按钮,表单框,布局组件等)拆成接口良好定义的可复用的组件. 这样,下次开发相同界面程序时就可以写更少的代码,也意义着更高的开发效率,更少 ...

  8. UDP实现一个简易的聊天室 (Unity&&C#完成)

    效果展示(尚未完善) UDP User Data Protocol 用户数据报协议 概述 UDP是不连接的数据报模式.即传输数据之前源端和终端不建立连接.使用尽最大努力交付原则,即不保证可靠交付. 数 ...

  9. C#基础笔记(第二十二天)

    1.单例模式1)将构造函数私有化2)提供一个静态方法,返回一个对象3)创建一个单例 2.XML可扩展的标记语言 HTMLXML:存储数据 不是单独.net的东西,是一个单独的,JAVA什么的都也用不需 ...

  10. UnSafe类中的一些重要方法

    UnSafe类中的一些重要方法 JDK中的rt.jar保重Unsafe类中提供了硬件级别的原子性操作,Unsafe类中的方法都是navtice方法,他们使用JNI的方式访问C++实现库,下面我们来了解 ...