<!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. lua keynote2

    [lua keynote2] 1.Lua函数可以返回多个结果值,比如string.find,其返回匹配串"开始和结束的下标"(如果不存在匹配串返回nil). > s, e = ...

  2. .net 代理类(WebService代理类的详解 )

    http://hi.baidu.com/654085966/item/53ee8c0f108ad78202ce1b1d   -----------转自 客户端调用Web Service的方式我现在知道 ...

  3. Linq to sql 之 ExecuteQuery 错误:指定的转换无效

    问题:通过dbContext.ExecuteQuery 得到数据并赋值给一个集合. 代码: public IEnumerable<LeaveCodeSum> GetLeavTotal(st ...

  4. google翻译插件安装

    来源:http://www.cnplugins.com/tools/how-to-setup-crx.html 1. 下载: 2.拖拽: 3.下一步安装 4.完成.

  5. http4e eclipse plugin 插件介绍

    感谢作者的分享: http://blog.csdn.net/wiker_yong/article/details/10066905 以及作者的破解jar.目前看网站留言说已经git了. 官网链接地址: ...

  6. appium +ios 判断元素是否存在，排除visible=“false”的数据

    问题 想要判断name=xxx的元素是否存在,存在的话进行点击,结果页面并没有展示我要的元素时也提示找到了元素   原因 ios通过driver.find_element_by_name(“name值 ...

  7. StringBuffer类和String类(原文地址 : http://www.cnblogs.com/springcsc/archive/2009/12/03/1616330.html)

    StringBuffer类和String一样,也用来代表字符串,只是由于StringBuffer的内部实现方式和String不同,所以StringBuffer在进行字符串处理时,不生成新的对象,在内存 ...

  8. MySQL千万级数据分区存储及查询优化

    作为传统的关系型数据库,MySQL因其体积小.速度快.总体拥有成本低受到中小企业的热捧,但是对于大数据量(百万级以上)的操作显得有些力不从心,这里我结合之前开发的一个web系统来介绍一下MySQL数据 ...

  9. 662. Maximum Width of Binary Tree二叉树的最大宽度

    ［抄题］: Given a binary tree, write a function to get the maximum width of the given tree. The width of ...

  10. swift - 添加定时器

    mport UIKit /// 控制定时器的类 class ZDTimerTool: NSObject { /// 定时器 // private var timer: Timer? /// GCD定时 ...