<!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. Javascript Iterator

    [Javascript Iterator] 1.@@iterator Whenever an object needs to be iterated (such as at the beginning ...

  2. canvas动画---- 太阳、地球、月球

    <div> <canvas id="canvas" width="500" height="500"></ca ...

  3. hibernate中调用query.list()而出现的黄色警告线

    使用hibernate的时候会用到hql语句查询数据库, 那就一定会用到query.list();这个方法, 那就一定会出现一个长长的黄色的警告线, 不管你想尽什么办法, 总是存在, 虽然说这个黄色的 ...

  4. yum更换阿里源

    备份mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup 下载新的CentOS-Base.repo ...

  5. poj1308（并查集）

    题目链接:http://poj.org/problem;jsessionid=436A34AE4BE856FB2DF9B264DCA9AA4E?id=1308 题意:给定一些边让你判断是否构成数. 思 ...

  6. python之语音识别（speech模块）

    1.原理 语音操控分为 语音识别和语音朗读两部分. 这两部分本来是需要自然语言处理技能相关知识以及一系列极其复杂的算法才能搞定,可是这篇文章将会跳过此处,如果你只是对算法和自然语言学感兴趣的话,就只有 ...

  7. JavaScript oop proto与prototype原型图

    [_proto_与prototype] 1.prototype(函数的原型):函数才有prototype.prototype是一个对象,指向了当前构造函数的引用地址. 2._proto_(对象的原型对 ...

  8. React 入门实例教程【转】

    Any day will do. 哪一天都行 Are you kidding? 你在开玩笑吧! Congratulations! 祝贺你! I don’t mean it. 我不是故意的. 原文作者: ...

  9. Python: 浅淡Python中的属性(property)

    起源:项目过程中需要研究youtube_dl这个开源组件,翻阅其中对类的使用,对比c#及Delphi中实现,感觉Python属性机制挺有意思.区别与高级编程语言之单一入口,在类之属性这一方面,它随意的 ...

  10. Django2.0的path方法无法使用正则表达式的解决办法

    本人的django的版本是2.0.6 在django项目中,在urls.py文件中,匹配路由用的path方法,之前我用的都是url方法 写了一个path方法,使用正则表达式 from django.c ...