forEach使用的函数调用，所以占内存比较大，不如定长for循环和迭代for循环

　　1、通过forEach将数组中的元素逐个表示出来（遍历方法，读取操作）。

　　2、通过map将原数组中的元素进行算数运算，并把值返还给新建的数组中（遍历方法，修改操作）。

　　3、filter提取原数组中符合条件的元素并放在新建的数组中（数据的帅选方法）。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>ES5新增数组方法1</title>

    <script type="text/javascript">

        var arr = ["mike","john","andy","bob","jerry","tom"];

        arr.forEach(function(n,i){

            console.log("第"+(i+1)+"个数据是:"+n);

        });

        // for(var i=0,len=arr.length;i<len;i++){}

        //匿名函数绝大多数场合用于回调

        // 匿名函数也能调用，但仅限一次

        // (function () {

        //     console.log('匿名函数');

        // })();

        var num=[3,4];

        var ret=num.map(function(n){

            // console.log(arguments);

            return n*n;//返回值出现在结果数组中

        });

        console.log(ret);

        console.log(num);

        console.log('=====');

        num=[3,5,78,2,13];

        ret=num.filter(function(n){

            return n%2==0;//返回值为true的数据出现在结果数组中

        });

        console.log(ret);

    </script>

</head>

<body>

</body>

</html>

　　4、通过some和every对数组进行条件方法的判定，every：数组中的每个元素都满足条件才为true否组为false。some：只要数组中的有元素满足条件就为true

　　5、indexOf(8)返回数组中第一个8所在的位置，lastIndexOf(8)返回数组中最后一个8所在的位置

　　　　通过do{}while（）+indexOf来返回数组中所有8所在的位置。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>ES5新增数组方法2</title>

    <script type="text/javascript">

        var arr=[12,8,5,7,8,3,8,22];

        var ret=arr.every(function(n){

            return n>3;

        });

        console.log(ret);

        console.log('======');

        var find=arr.indexOf(8);

        console.log(find);

        find=arr.lastIndexOf(8);

        console.log(find);

        console.log('======');

        find=-1;

        do{

            find=arr.indexOf(8,find+1);

            if(find==-1){

                break;

            }

            console.log("find="+find);

        }while(true);

    </script>

</head>

<body>

</body>

</html>

　6、　var sum=arr.reduce(function(pre,curr){
　　　　return pre+curr;
　　　　});

　　通过reduce对数组进行元素相加

　　7、二维数组：数组中存放的数据还是数组

　　　　二维数组扁平化（转为一维数组，在二维数组每一维的数量都相同时有意义）

　　

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>ES5新增数组方法3</title>

    <script type="text/javascript">

        var arr=[1,8,5,4];

        // arr.reduce(function(pre,curr,index){

        //     console.log(arguments);

        //     return curr;

        // });

        var sum=arr.reduce(function(pre,curr){

            return pre+curr;

        });

        //1+8=9 9+5=14 14+4=18

        console.log(sum);

        console.log('=====');

        //二维数组：数组中存放的数据还是数组

        var multi=[];

        multi[0]=[2,4,8];//2 4 8 4 7 2

        multi[1]=[4,7,2];

        multi[2]=[14,17,12];

        multi[3]=[24,27,22];

        console.log(multi);

        for(var i=0,len=multi.length;i<len;i++){

            for(var j=0,len2=multi[i].length;j<len2;j++){

                console.log(multi[i][j]);

            }

        }

        console.log('=====');

        //二维数组扁平化（转为一维数组，在二维数组每一维的数量都相同时有意义）

        var newarr=multi.reduce(function(pre,curr){

                return pre.concat(curr);

        });

        console.log(newarr);

        //获取2，2位置的数据：

        var i=2;

        var j=2;

        var index=i*3+j;//3是每一维的长度，视具体数组而变

        console.log(newarr[index]);

    </script>

</head>

<body>

</body>

</html>

4日6日--ES5新增数组方法的更多相关文章

  1. js数组定义和方法 (包含ES5新增数组方法)

    数组Array 1. 数组定义 一系列数据的集合成为数组.数组的元素可以为任何类型的数据(包括数组,函数等),每个元素之间用逗号隔开,数组格式:[1,2,3]. 2. 数组创建方式 (1) 字面量方法 ...

  2. ES5新增数组方法测试和字符串常见API测试

    首先是ES5新增数组方法测试: <!DOCTYPE html><html lang="en"><head> <meta charset=& ...

  3. ES5新增数组方法every()、some()、filter()、map()

    JavaScript ES5标准中新增了一些Array方法,如every().some().filter().map().它们的出现使我们能够更加便利地操作数组,但对IE9以下浏览器的兼容性比较差.下 ...

  4. ES5新增数组方法（4）：every

    检查数组元素的每个元素是否符合条件. // 数组中的元素全部满足指定条件返回true let arr = [1, 3, 5, 7, 9]; console.log(arr.every((value, ...

  5. ES5新增数组方法（3）：some

    检查数组元素中是否有元素符合指定. // 数组中的元素部分满足指定条件返回true let arr = [1, 3, 5, 7, 9]; console.log(arr.some((value, in ...

  6. ES5新增数组方法（2）：map

    通过指定函数处理数组的每个元素,并返回处理后的数组. 1.计算数组中每个元素的平方 let arr = [1, 2, 3, 4, 5, 6]; let newArr = arr.map(item =& ...

  7. ES5新增数组方法（1）：filter

    检测数组元素,并返回符合条件所有元素的数组. 1.过滤数组中不符合条件的元素 let arr = [1, 2, 3, 4, 5, 6]; // 方式一 let newArr = arr.filter( ...

  8. ES5新增数组方法

    forEach/map   every/some  indexOf/lastIndexOf  filter reduce Array.isArray

  9. ES5新增数组的方法

    ES5新增数组的方法 ES5新增数组常见方法(indexOf/forEach/map/filter/some/every) .indexOf( data , start)  检测数组中是否存在指定数据 ...

随机推荐

  1. Unity 碰撞器和触发器的理解

    要产生碰撞必须为游戏对象添加刚体(Rigidbody)和碰撞器,刚体可以让物体在物理影响下运动.碰撞体是物理组件的一类,它要与刚体一起添加到游戏对象上才能触发碰撞.如果两个刚体相互撞在一起,除非两个对 ...

  2. Web前端浏览器兼容问题

    所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的 ...

  3. erlang erl文件编译的三种脚本

    方案1:命令行 #!/bin/sh #file name: erl.sh #author: stars #time:2015.06.05 #eg: ./erl.sh hello.erl start 2 ...

  4. cassandra 数据到Java对象的映射绑定

    类似Hibernate和MyBatis的关系映射,自动帮你将查询数据或是修改的参数进行数据映射和绑定. 支持查询后返回数据ResultSet到Java对象的映射,支持修改.删除.查询之前参数的绑定. ...

  5. Linux 安装DenyHost防止ssh被暴力破解

    DenyHosts介绍 当你的linux服务器暴露在外网当中时,服务器就极有可能会遭到互联网上的扫描软件进行扫描,然后试图连接ssh端口进行暴力破解(穷举扫描).如果遇到这个问题,一款非常有用的工具D ...

  6. “使用多target来构建大量相似App”，唐巧大神理论验证（附工程代码地址）

    无意间看到巧神的文章时,感觉非常兴奋,此文章正好解决了公司目前项目的痛点. 读到以下关键一段时,不甚明了,故自己做了实验分享给有缘人. "我们的每个课程的资源文件都具有相同的文件名,例如首页 ...

  7. String类的indexOf方法的用法和举例

    2017年3月3号博主第一次去郑州互联网公司面试,背景是这样的我先前去了农大龙子湖校园招聘投简历,然后第二天去面试了那经历可以说是很失败的一次面试,当然这跟自己的水平有关了接下来重点讲一下面试的题目: ...

  8. html表单 2017-03-10PM

    在写表单之前补充一点:网页名以及属性的值命名都不能用中文,尽量用英文或拼音. html表单特写 1.表单格式 <form method="get/post" action=& ...

  9. 关于使用mybatis中mapper instrances，通过session另一种操作方式

    String resource = "mybatis-config.xml"; InputStream inputStream = null; try { // 获取SqlSess ...

  10. Struts2学习笔记⑧

    今天是Struts2学习笔记的最后一篇文章了.用什么做结尾呢,这两天其实还学了很多东西,没有记录下,今天就查漏补缺一下. 文件上传与下载.FreeMarker以及昨天没做完的例子 文件上传与下载 文件 ...