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. Visual Studio Code 中编写 C++ 的工作流

    1. 官网下载 Visual Studio Code ,安装.按提示安装 cpp 插件和 cmake 插件. 官网下载 CMake ,安装. 官网下载 Mingw ,安装. 安装 Mingw 时,注意 ...

  2. 使用curl上传报错问题排查

    1. THE STOR COMMAND 说明存储出了问题,处理方案: 方案1: 请检查ftp服务器存储是否已满,若已满则清理一下空间即可. 方案2: 若ftp服务器存储未满,请检查是否有上传了的文件, ...

  3. Tcl/tk缩放Truetype字体时的精度问题

    最近有国内新客户抱怨我们产品显示的原理图太不专业了,在原理图上使用宋体GB2312设计好中文图表,经过几次缩放时,表格内的文字居然会跑到表格外边,更要命的是打印出来的文档也存在同样的问题. 我研究了一 ...

  4. Java 同步容器和并发容器

      同步容器(在并发下进行迭代的读和写时并不是线程安全的)   Vector.Stack.HashTable   Collections类的静态工厂方法创建的类(如Collections.synchr ...

  5. Android Monkey压力测试介绍

    monkey:通过Monkey程序模拟用户触摸屏幕.滑动Trackball. 按键等操作来对设备上的程序进行压力测试,检测程序多久的时间会发生异常. Monkey的构架 Monkey的参数 Monke ...

  6. Java虚拟机学习 - 垃圾收集器

    HotSpot JVM收集器 上面有7中收集器,分为两块,上面为新生代收集器,下面是老年代收集器.如果两个收集器之间存在连线,就说明它们可以搭配使用. Serial(串行GC)收集器 Serial收集 ...

  7. MongoDB分布式

    结构: ShardServer1:27020 ShardServer2:27021 ShardServer3:27022 ShardServer4:27023 ConfigServer:27100 R ...

  8. Cocos2dx热更新遇到的那些坑

    1.Cocos2dx热更新因为文件名含有空格,ios下载失败bug修改 问题描述: 项目中偶尔遇到美术图片命名时不规范,导致图片名字含有空格.导致ios热更新时,遇到下载失败. 解决方案: 1.从新改 ...

  9. SqlService 索引原理

    索引的概念 索引的用途:我们对数据查询及处理速度已成为衡量应用系统成败的标准,而采用索引来加快数据处理速度通常是最普遍采用的优化方法. 索引是什么:数据库中的索引类似于一本书的目录,在一本书中使用目录 ...

  10. Maven进阶宝典

    前言: 团队在开发过程中用的是maven项目,由于对maven的一些打包流程以及相关参数配置不是太了解,因此应大家的需求做一下maven的讲解,为了不误导大家,看了很多相关资料,自己也实验了一下,就把 ...