js常用的数组方法

2018-06-24 00:12:56来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

1.创建数组的基本方法:

      1.1 空数组  var obj=new Array();
                 1.2 指定长度数组  var obj=new Array(size);
                 1.3 指定元素数组  var obj=new Array(元素1,元素2,...,元素n);
                 1.4 单维数组 var obj=[元素1,元素2,元素3,...,元素n];
                 1.5 多维数组 var a=new Array([数组序列1],[数组序列2],[数组序列N]);

 2.使用字面量表示方法:

由一对包含数组项的方扩号 [ ]  表示,多个数组之间用逗号隔开。

语法: array.length  //数组长度

功能:获取数组array长度,返回值为 number

1.通过设置 length可以从数组的末尾移除项或向数组中添加新项。

2.当把一个值在超出当前数组大小的位置的时候,数组机会重新计算其长度,长度值等于最后一项的索引值。

3.数组的属性

属性描述

constructor

返回对创建此对象的数组函数的引用。
length 设置或返回数组中元素的数目。

prototype

使您有能力向对象添加属性和方法。

4.数组对象的方法

4.1添加属性:

  1.push():将数组添加到原数组末尾,并返回数组的长度。  

var a=[1,2,3]
var b = a.push(5,6)     //b = [1,2,3,5,6]

  2.unshift() 将参数添加 到原数组的开头,并返回数组的长度。

var a = [1,2,3];
var b = a.unshift (-2,-1);     // b = [-2,-1,1,2,3]

  3.concat(): 合并两个数组

4.2 删除属性:

  1.pop():删除原数组最后一项,并返回删除元素的值,如果数组为空,返回undefined。

var a = [1,2,3,4]
var b = a.pop();    //b = [1,2,3]

  2.shift():删除原数组第一项,并返回删除元素的值,如果数组为空,则返回undefined。

var a = [1,2,3]
var b = a.shift();   // b = [2,3]

4.3字数组:

  1.splice():第一个参数 要操作的位置  第二个参数 从这个位置开始要操作的数量  第三个参数  你想把什么东西替换掉删除的任意项。

  2.slice(start,end): 从已有的数组中返回选定的元素

    start:规定从何处开始选取,如果是负数,那么它规定从数组尾部开始算起位置。

    end:(可选)规定从何处结束选取,该参数是数组片段结束的数组下标。

   特性
                 如果是负数,则用数组长度加上该值确定位置
                 起始位置实为数组的实际下标
                 结束位置的实际下标为结束数值减1

  3.join():用于把数组中的所有元素放入一个字符串;

4.4数组排序:

  1.reverse():用与颠倒数组中的顺序。

  2.sort():用于对数组中的元素进行排序。

    2.1:即使数组中的每一项都是数组,sort方法比较的也是字符串。

    2.2:sort()方法可以接受一个比较函数作为参数。

4.5数组的转换:

  1.toString() 转换为字符串并返回.

  2.toLocaleString() 转换为本地格式字符串并返回.

  3.join()  用指定分隔符分割数组并转换为字符串

 

5.ECMAScript 5方法:

  5.1位置方法:

    indexOf():从数组的开头(位置)开始查找;

    lastindeOf():从数组的结束位置开始查找;

   5.2:迭代方法:

    every 如果该函数对每一项都返回true,则返回true;

 

      filter 返回值为true的所有数组成员;

    forEach 无返回值  ;

    map 返回每次函数调用的结果数组;

 

    some 有任意一项返回true,则返回true;

  5.3缩小方法:

    reduce 数组起始位开始遍历;

 

     reduceRight 从数组末尾开始遍历

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:[js高手之路]gulp教程-从入门到项目中快速上手使用

下一篇:面试题之(vue生命周期)