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. Unity3d中如何混用三种脚本语言？

    首先要明白,这三种说的混用是指文件级别的混用,就是说一个文件是由一种语言写的.而不是说你这一个文件可以混用这三种语言,注意这是不允许的. 第二要明白,在unity3d中为什么可以使用三种语言混合开发? ...

  2. mysql 添加登录用户

    一, 创建用户: 命令:CREATE USER 'username'@'host' IDENTIFIED BY 'password'; 说明:username - 你将创建的用户名, host - 指 ...

  3. 一位资深程序员给予Java初学者的学习路线建议

    一位资深程序员给予Java初学者的学习路线建议 java学习这一部分其实也算是今天的重点,这一部分用来回答很多群里的朋友所问过的问题,那就是我你是如何学习Java的,能不能给点建议?今天我是打算来点干 ...

  4. i++与++i陷阱

    对于++i与i++编程必不可少,它们的区别:一般人只知道++i是先将i加一再进行其他操作,i++是先将i进行其他操作,再将其加一. 但是对于i++其中的执行过程,语言环境很关键.先来两个程序,看结果是 ...

  5. js substr和substring的区别

    在js中substring和substr都是用来截取字符串的,substr函数和substring函数都是用来从某个“母字符串”中提取“子字符串”的函数.但用法有些差别,下面分别介绍但是它们还是有区别 ...

  6. cocoapods 删除已导入项目的第三方库和移除项目中的cocoapods

    第一部分将介绍如何删除项目中已经由cocoapods配置好的第三方 1.打开项目中的Podfile文件 2.删除选中的pod Snapkit的命令行3.打开终端cd到当前项目的根目录下重新执行pod ...

  7. Java日志工具之java.util.logging.Logger

    今天总结下JDK自带的日志工具Logger,虽然它一直默默无闻,但有时使用它却比较方便.更详细的信息可以查看JDK API手册,本文只是简单示例入门. 创建Logger 我们可以使用Logger的工厂 ...

  8. OpenFlow硬件交换机制作及刷机教程

    1.目的 将普通路由器升级成为一台支持OpenFlow的交换机. 具体哪些路由器可以刷OpenFlow可以参考:OpenWRT:http://wiki.openwrt.org/toh/start#su ...

  9. .NET客户端实现Redis中的管道（PipeLine）与事物（Transactions）

    序言 Redis中的管道(PipeLine)特性:简述一下就是,Redis如何从客户端一次发送多个命令,服务端到客户端如何一次性响应多个命令. Redis使用的是客户端-服务器模型和请求/响应协议的T ...

  10. HTTP协议＆SOCKET协议

    一. HTTP协议是什么? 我们在浏览器的地址栏里输入的网站地址叫做 URL(UniformResourceLocator,统一资源定位符).就像每家每户都有一个门牌地址一样,每个网页也都有一个Int ...