测试数组:testArrayA = ['a','b','c','d','e'] , testArrayB = [2,3,6,1]

1、删除数组最后一项(pop()):

  返回删除那一项的值:var pop = testArrayA.pop(); //pop = 'e';

2、删除数组第一项(shift()):

  返回删除那一项的值:var shift = testArrayA.shift(); //shift = 'a';

3、添加一个值到数组的最后一项(push(param)):

  返回添加值之后数组的长度:var pushLength = testArrayA.push('f'); //pushLength = testArrayA.length = 6;

4、添加一个值到数组的第一项(unshift(param)):

  返回添加值之后数组的长度:var unshiftLength = testArrayA.unshift('f'); //unshiftLength = testArrayA.length = 6;

5、数组反序排列(reverse()):

  返回反序后的数组:var reverseArray = testArrayA.reverse(); //reverseArray = ['e','d','c','b','a'];

6、数组转换字符串(join(param)):

  返回转换后的字符串:var joinString = testArrayA.join(''); //joinString = 'abcde'; 根据参数对数组进行连接

7、判断指定值是否在数组中存在(indexOf(param)):

  如果存在返回参数在数组中的位置,如果不存在返回-1:var indexOf = testArrayA.indexOf('e'); // indexOf = 4;

8、截取子数组(slice(start,end)) 备注:slice(start,end) 方法可从已有的数组中返回选定的子数组:

  start: 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。

  end: 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

  返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素:

  说明: 请注意,该方法并不会修改数组,而是返回一个子数组(如果返回来的只有一个元素也可以当单个的值来进行比较)。如果想删除数组中的一段元素,应该使用方法 Array.splice()。

9、截取子数组(splice(index,howmany,param1,param2...)) 备注:splice(index,howmany,param1,param2...)方法可从已有的数组中返回选定的子数组:

  说明:请注意,该方法会修改原数组,而返回一个子数组(如果返回来的只有一个元素也可以当单个的值来进行比较)

  index: 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。

  howmany: 可选。规定从何处结束选取,如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。要删除的项目数量。如果设置为 0,则不会删除项目。

  说明:howmany 如果小于等于0,就不会删除元素。如果存在param,则只是在index开始插入。

  param1,param2... : 可选。把这些参数从index位置开始插入当前数组。

10、合并数组concat(paramArray):

  返回合并后的数组:var concatArray = testArrayA.concat(testArrayB); //concatArray = ['a','b','c','d','e',2,3,6,1];

11、数组排序(sort()自然排序生序):

  对数组进行排序:

  自然排序:var sortArray = testArrayB.sort();

  自定义排序:

  (1)升序:var sortArray = testArrayB.sort(function(obj1,obj2) {

    return obj1 - obj2;

  })

  (2)降序:var sortArray = testArrayB.sort(function(obj1,obj2) {

    return obj2 - obj1;

  })

  说明:如果obj1和obj2 则 return obj1.attr - obj2.attr;(按照对象obj1 和对象obj2)

  例如:

  <script>

    function Person(name,age) {

      this.name = name;

      this.age = age;  

    }

    var personArray = new Array();

    personArray.push(new Person('jiang',26));

    personArray.push(new Person('jiang1',23));

    personArray.push(new Person('jiang2',27));

    personArray.push(new Person('jiang3',24));

    var sortArray = personArray.sort(function(person1,person2) {

      return person1.age - person2.age;

    })

  </script>

    

  

  

javascript 数组方法解析的更多相关文章

  1. 【译】你应该了解的JavaScript数组方法

    让我们来做一个大胆的声明:for循环通常是无用的,而且还导致代码难以理解.当涉及迭代数组.查找元素.或对其排序或者你想到的任何东西,都可能有一个你可以使用的数组方法. 然而,尽管这些方法很有用,但是其 ...

  2. JavaScript数组常用方法解析和深层次js数组扁平化

    前言 数组作为在开发中常用的集合,除了for循环遍历以外,还有很多内置对象的方法,包括map,以及数组筛选元素filter等. 注:文章结尾处附深层次数组扁平化方法操作. 作为引用数据类型的一种,在处 ...

  3. JavaScript数组方法--every、some、fill

    接上一篇,JavaScript数组方法--concat.push,继续其他的数组方法. every:every() 方法测试数组的所有元素是否都通过了指定函数的测试. 先看其使用方法: functio ...

  4. JavaScript数组方法大全(推荐)

    原网址:http://www.jb51.net/article/87930.htm 数组在笔试中经常会出现的面试题,javascript中的数组与其他语言中的数组有些不同,为了方便之后数组的方法学习, ...

  5. JavaScript 数组方法处理字符串 prototype

    js中数组有许多方法,如join.map,reverse.字符串没有这些方法,可以“借用”数组的方法来处理字符串. <!doctype html> <html lang=" ...

  6. 2018.2.27 JavaScript数组方法应用

    JavaScript数组方法应用 1.找出元素item在给定数组arr中的位置 function indexOf(arr,item){ return arr.indexOf(item); } func ...

  7. JavaScript数组方法详解

    JavaScript数组方法详解 JavaScript中数组的方法种类众多,在ES3-ES7不同版本时期都有新方法:并且数组的方法还有原型方法和从object继承的方法,这里我们只介绍数组在每个版本中 ...

  8. JavaScript数组方法速查,32个数组的常用方法和属性

    JavaScript数组方法速查手册极简版 http://30ke.cn/doc/js-array-method JavaScript数组方法速查手册极简版中共收了32个数组的常用方法和属性,并根据方 ...

  9. JavaScript数组方法大集合

    JavaScript数组方法集合 本文总结一下js数组处理用到的所有的方法.自己做个笔记. 数组方法 concat() 合并两个或多个数组 concat()能合并两个或者多个数组,不会更改当前数组,而 ...

随机推荐

  1. 文件合并工具DiffMerge发布4.2版本

    DiffMerge一直是文件对比合并工具的佼佼者,其最大特点是多文件对比与合并,并提供可视化界面用于编辑. 此次DiffMerge v4.2发布,提高了文件差异对比,并提供了快速匹配功能,以及更好的用 ...

  2. Ubuntu12.04环境搭建遇到的问题和建议(一个)

    后的新公司需要在Ubuntu12.04在结构Android开发环境,在这个过程中,我们还是会遇到很多问题,这里记录.为了方便自己的未来,有人谁需要参考.从网络! 1. Q:在终端: sudo apt- ...

  3. 强大的jquery-制作选项卡

    最近在学习jquery,特地把今天写的一个选项卡源码贴出来.只是做只是梳理,大神们请不要吐槽,如果有更好的方法,欢迎指点.谢谢. css <style> #tab div{ width:2 ...

  4. windows下架设SVN服务器并设置开机启动

    原文:windows下架设SVN服务器并设置开机启动 1.安装SVN服务器,到http://subversion.apache.org/packages.html上下载windows版的SVN,并安装 ...

  5. tsung 对 openfire 压力测试

    tsung 对 openfire 压力测试   1. 参考 http://blog.csdn.net/foxisme2/article/details/7521139 http://blog.csdn ...

  6. 30个HTML初学者建议

    The most difficult aspect of running Nettuts+ is accounting for so many different skill levels. If w ...

  7. ASP.NET MVC项目里创建一个aspx视图

    先从控制器里添加视图 视图引擎选"ASPX(C#)",使用布局或模板页不要选. 在Views\EAV目录里,生成的aspx是个单独的页面,没有代码文件,所以代码也要写在这个文件里. ...

  8. wcf事务(随记)

    ----------------------------------------------------wcf事务:1.ACID:原子性.一致性.隔离性.持久性:2.事务:添加命名空间(using S ...

  9. VS生产的编辑方法和编辑窗体

    MVC5入门学习系列⑤   检查VS生产的编辑方法和编辑窗体 前面我们一步使用强类型,然后创建Controller(控制器)的时候,VS默认已经给我们把CURD都简单的实现了.这篇的话就简单的看下它默 ...

  10. Date的使用

    方法 说明 Date() 返回当日的日期和时间 getDate() 获取当天(1-31) getDay() 获取当天的星期(0-6) getMonth() 获取月份(0-11) getFullYear ...