<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<script type="text/javascript">

    //js Array 方法

    var array1 = [1,2,3];

    var array2 = [{"name":"f1",age:1},{"name":"f2",age:2}];

    //1. array 复制:直接使用=复制会造成类似java的指针问题，修改原array同时会改变新array

        a0 = array1.concat();//concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

        a0[0] = 8 ;

        alert(array1[0]);//结果 1 正确 。 但是如果将array1 换成array2,则结果就不对了(和=类型，由于引用的关系造成)；

        //如何深度复制数组,使用jquery 方法

        a1 = $.extend(true,[],array2);// (extend用法较多：$.extend(src)扩展全局， $.fn.extend(src)扩展实例变量)

        a1[0].name="fdf";

        alert(array2[0].name);//结果： f1 。

    //2. map 数据数据筛选组合

    var a2 = array2.map(function(value,index,array){

        //return value;//此处可对数组加工

        return {"name":value.name,"age":value.age}; //可以变相的复制一个数组

    });

    alert(a2[0].name);

    //3. filter 数组元素筛选

    a3 = array2.filter(function(value,index,array){

        if(value.name=='f1') return true; //只保留对象name 值为f1 的数组元素

        return false;

    });

    //4. forEach 数组循环

     array2.forEach(function(value,index,array){});//ie可能不支持，且无法使用break ,continue ..使用return代替

    //5. reduce 对上一个数组元素和当前 数组元素 进行操作 。用处：如数组统计

    var a5 = array1.reduce(function(pre,cur){return pre+cur;}); // 结果 ： 6 

    //6 array 其他方法：

    //     方法    描述

    //     concat()    连接两个或更多的数组，并返回结果。

    //     join()    把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

    //     pop()    删除并返回数组的最后一个元素

    //     push()    向数组的末尾添加一个或更多元素，并返回新的长度。

    //     reverse()    颠倒数组中元素的顺序。

    //     shift()    删除并返回数组的第一个元素

    //     slice()    从某个已有的数组返回选定的元素

    //     sort()    对数组的元素进行排序

    //     splice()    删除元素，并向数组添加新元素。

    //     toSource()    返回该对象的源代码。

    //     toString()    把数组转换为字符串，并返回结果。

    //     toLocaleString()    把数组转换为本地数组，并返回结果。

    //     unshift()    向数组的开头添加一个或更多元素，并返回新的长度。

    //     valueOf()    返回数组对象的原始值

</script>

</head>

<body>

</body>

</html>

js Array 方法总结的更多相关文章

  1. js Array方法总结

    修改器方法(9) copyWithin(target: number, start: number, end?: number): this; // 浅复制数组的一部分到同一数组中的另一个位置,并返回 ...

  2. js中Array方法归类解析

    为什么要对Array方法进行归类解析 因为它常用,而且面试必问 改变原数组的方法 pop 删除并返回数组最后一个元素push 从末尾给数组添加元素,返回新数组length值reverse 颠倒数组元素 ...

  3. S5中新增的Array方法详细说明

      ES5中新增的Array方法详细说明 by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wor ...

  4. JS扩展方法——字符串trim()

    转自:http://www.cnblogs.com/kissdodog/p/3386480.html <head> <title>测试JS扩展方法</title> ...

  5. Js apply 方法 详解

    Js apply方法详解 我在一开始看到JavaScript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这 ...

  6. ES5中新增的Array方法详细说明

    一.前言-索引 ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了. ES5中新增了写数组方法,如下: forEach (j ...

  7. js一些方法的扩展

    //JS扩展方法与C#的扩展方法非常相似,也是可以链式调用的,也是通过对某个类的扩展写法来实现.这个东西非常好用,如果将预先写好的方法放到一个js里面引用的话,那么后面写js将非常有趣. //下面给出 ...

  8. JS扩展方法

    JS扩展方法与C#的扩展方法非常相似,也是可以链式调用的,也是通过对某个类的扩展写法来实现.这个东西非常好用,如果将预先写好的方法放到一个js里面引用的话,那么后面写js将非常有趣. 下面给出一个例子 ...

  9. js Array数组的使用

    js Array数组的使用   Array是javascript中的一个事先定义好的对象(也可以称作一个类),可以直接使用 创建Array对象 var array=new Array(): 创建指定元 ...

随机推荐

  1. 【scrapy】关于xpath helper中能匹配，但是在程序里匹配为none的问题

    原本使用xpath helper匹配的时候还是好好的,然鹅,把这个.//*[@id='novelInfo']/table/tbody/tr[3]/td[1]/复制到代码里就不行了,debug的时候显示 ...

  2. 二叉树中和为某一值的路径(python)

    题目描述 输入一颗二叉树的跟节点和一个整数,打印出二叉树中结点值的和为输入整数的所有路径.路径定义为从树的根结点开始往下一直到叶结点所经过的结点形成一条路径.(注意: 在返回值的list中,数组长度大 ...

  3. ssh 与远程机器保持心跳（linux）

    文件/etc/ssh/ssh_config末尾加上: TCPKeepAlive yes ServerAliveInterval

  4. leecode 978. Longest Turbulent Subarray(最长连续波动序列，DP or 滚动数组)

    传送门:点我 978. Longest Turbulent Subarray A subarray A[i], A[i+1], ..., A[j] of A is said to be turbule ...

  5. Linux基石【第三篇】vim提示-bash:vim :common not found解决方法

    在Linux命令行输入vim时提示:-bash:vim :common not found,之后按着查询到的解决办法整好了: 解决步骤如下: 1.输入 rpm -qa|grep vim 命令,查看返回 ...

  6. iOS指令集

    公司在进行项目重构时,其中一个地方的改动就是调整了iOS的指令集.更改指令集主要可以对手机应用的安装机型做出控制,同时在研发过程中也可以控制相关的模拟器和真机.它们原则上是向下兼容的,比如iphone ...

  7. 小服务程序（Java Servlet）

    一般来说,servlet说起来挺高大上的,但是其实实际就是一个能够交互地浏览和修改页面数据,生成一个动态的Web页面. Servlet方法,页面实施请求数据,后台服务器给出响应,将数据返回到页面中去. ...

  8. day 26 初识进程，验证客户端合法性

    验证客户端合法性: # 1.需要认证 # 程序和用户打交道的时候才会用到用户认证 # 对所有的客户端进行统一的认证 # 我现在要做的事情 # 写一个server端 # 写一个client端 特殊的 符 ...

  9. dup

    dup是一个操作符,由编译器识别处理,和db.dw.dd等数据定义伪指令配合使用,用来进行数据的重复. 例如 db  3  dup (0) 定义了3个字节,它们的值都是0,相当于db 0,0,0 db ...

  10. Oauth2.0 认证的Web api例子

    Oauth2.0的解释 OAuth(开放授权)是一个开放标准,允许用户授权第三方移动应用访问他们存储在另外的服务提供者上的信息,而不需要将用户名和密码提供给第三方移动应用或分享他们数据的所有内容.OA ...