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. 新手向--git版本控制器

    body { width: 70%; border: 1px solid #ddd; outline: 1300px solid #fff; margin: 16px auto } body .mar ...

  2. JavaScript两个变量交换值（不使用临时变量）

    概要  本文主要描述,如何不使用中间值,将两个变量的值进行交换. 一.普通做法 var a = 1, b = 2, tmp; tmp = a; a = b; b = tmp;  普通的做法就是声明多一 ...

  3. CSS下拉菜单

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri ...

  4. SQL SERVER 事务日志 解析

    1 基本介绍 每个数据库都具有事务日志,用于记录所有事物以及每个事物对数据库所作的操作. 日志的记录形式需要根据数据库的恢复模式来确定,数据库恢复模式有三种: 完整模式,完全记录事物日志,需要定期进行 ...

  5. Git的简单安装

    git 的安装及源代码上传 首先去官网把git下载好,这里给大家提供个官网下载地址 https://git-scm.com/downloads 安装完成后,在开始菜单里找到“Git”->“Git ...

  6. setTimeout的妙用2——防止循环超时

    上个周日,介绍了如何使用setTimeout代替setInterval进行间歇调用,这个周日,继续来讲<JavaScript高级程序设计>这本书里面,对于setTimeout的另一种妙用- ...

  7. Alamofire源码解读系列(三)之通知处理(Notification)

    本篇讲解swift中通知的用法 前言 通知作为传递事件和数据的载体,在使用中是不受限制的.由于忘记移除某个通知的监听,会造成很多潜在的问题,这些问题在测试中是很难被发现的.但这不是我们这篇文章探讨的主 ...

  8. APIJSON，让接口和文档见鬼去吧！

    我: APIJSON,让接口和文档见鬼去吧! https://github.com/TommyLemon/APIJSON 服务端: 什么鬼? 客户端: APIJSON是啥? 我: APIJSON是一种 ...

  9. C#自动弹出窗口并定时自动关闭

    最近做个小项目,用到一个小功能:后台线程定时查询数据库,不符合条件的记录弹出消息提醒(在窗口最前面),并且过几秒钟再自动关闭弹出的窗口. 所以从网上找来资料,如下: WinForm 下实现一个自动关闭 ...

  10. tp框架的详细介绍，tp框架基础

    php框架 真实项目开发步骤: 多人同时开发项目,协作开发项目.分工合理.效率有提高(代码风格不一样.分工不好) 测试阶段 上线运行 对项目进行维护.修改.升级(单个人维护项目,十分困难,代码风格不一 ...