<!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. flex-direction

    [flex-direction] The flex-direction CSS property specifies how flex items are placed in the flex con ...

  2. Jmeter（二十五）常见问题（转载）

    转载自 http://www.cnblogs.com/yangxia-test 收集工作中JMeter遇到的各种问题   1.  JMeter的工作原理是什么? 向服务器提交请求:从服务器取回请求返回 ...

  3. Removing Docker Containers and Images

    Removing Docker Containers and Images In a recent post aboutDocker, we looked into some things that ...

  4. Vue组成和第3方插件

    vue全家桶的成员是:vue-cli,vuex,vue-router,vue-axios(vue2.0). 第三方插件:vue-scroller,vue-lazyload,vue-awesome-sw ...

  5. 数论----gcd和lcm

    gcd即最大公约数,lcm即最小公倍数. 首先给出a×b=gcd×lcm 证明:令gcd(a,b)=k,a=xk,b=yk,则a×b=x*y*k*k,而lcm=x*y*k,所以a*b=gcd*lcm. ...

  6. Appium+python自动化1-环境搭建

    一.前言 appium可以说是做app最火的一个自动化框架,它的主要优势是支持android和ios,另外脚本语言也是支持java和Python.小编擅长Python,所以接下来的教程是appium+ ...

  7. jakson

    Java下常见的Json类库有Gson.JSON-lib和Jackson等,Jackson相对来说比较高效,在项目中主要使用Jackson进行JSON和Java对象转换,下面给出一些Jackson的J ...

  8. 微信小程序之 ----API接口

    1. wx.request 接口    可在文件 wxs中操作,连接服务器处理数据    参数    ① url ② data ③ header ④ method ⑤ dataType   回调   ...

  9. stark组件开发之URL别名的设置

    from django.urls import re_path from stark.servers.start_v1 import site, StartHandler from django.ht ...

  10. Oracle性能优化4-索引

    Oracle优化可以分为通过改写sql优化和不改写sql优化不改写sql优化一般通过index来实现 在Oracle数据库中,索引按照索引机制的不同,可以分为三种. 1. B-Tree索引 B-Tre ...