浅谈 JavaScript 中 Array 类型的方法使用

前言:Array 类型是 JavaScript 中除了 Object 类型以外最常用的类型。

一、创建数组

JavaScript 中的数组与其他语言中的数组有着很大的区别。例如Java、PHP等语言中的数组都是一组有序的数据,而 JS 中的数组可以包含多种类型的数据。

创建方式:

  1. Array 构造函数定义数组 ---------- var 数组名 = new Array();

var colors = new Array(20);   //直接传递数组数量,length 值为20,即创建一个包含20项的数组。

var colors = new Array("red","blue","green");   //传递数组中包含的项,即创建一个包含3个字符串的数组。

var colors = Array(20);   //也可以省略 new 操作符,结果相同。

  2. 字面量方式定义数组 ---------- var 数组名 =  [ ];

var values = [];  //定义了一个空数组
var values = [1,2,3] //定义了一个包含3项的数组

JS 中的数组可以随着数据的增加调整大小,例如:

var colors = ["blue","green","black"];        //创建一个包含三个字符串的数组
colors[colors.length] = "brown"; //(在位置3)添加一个字符串 colors[99] = "red"; //(在位置99)添加一个字符串 ,但位置4到98之间实际上是不存在,返回的都是undefined

console.log(colors.length); //

二、检测数组

自从 ECMAscript3 做出规定后,就出现了一个经典问题 ------- 确立某个对象是不是数组。

1. 对于一个网页或者一个全局作用域内,使用 instanceof 操作符。

* 但如果网页中包含多个框架,那么就存在两个或以上不同的全局执行环境,这种方法就不适用。

2.判断某个值是不是数组,不考虑是在哪个全局作用域内创建的,使用 Array.isArray() 方法。

三、转换方法

所有对象都有 toString() 方法、toLocalString()方法、valueOf()方法。

toString() :将数组中的值转换成用逗号分隔的字符串。

toLocalString():将数组中的值转换成本地数组。

valueOf():返回数组的原始值。

四、栈方法

JS 的数组中也提供了一种让数组的行为类似于其他数据结构的方法,也就是数组可以表现的像栈一样。

栈是一种LIFO(后进先出)的数据结构,可以限制数据的插入和移除。而数据的插入和移除都发生在栈的顶部。  

ECMAscript 为数组提供了 push()和 pop()方法。

push() 方法可以接受任意数量的参数,并将他们添加至数组的末尾,并返回修改后的数组长度。

pop() 方法可以从数组的末尾移除一项,减少 length 值,并返回移除的项。

五、队列方法

队列数据结构的访问规则是 FIFO(先进先出),队列在列表的末端添加项,在列表的前端移除项。

由于 push()方法是从数据的末端添加项,因此只需一个从数据的前端取得项的方法即可,而实现这一操作的方法就是shift()方法。

此外,还有一种方法 unshift(),是从数组的前端添加项并返回新数组的长度。

unshift()和 pop()方法同时使用,可以从相反的方向模拟队列,即从数组的前端添加项,从数组的末端移除项。

六、 重排序方法

顾名思义,就是对数组进行重新排序,且数组中已经存在这样的两个方法,即 reverse()方法和 sort()方法。

reverse()方法是直接反转数组的顺序,但始终是不太灵活的。

sort()方法则会调用每个数组项的 toString()转换方法,比较转换来的字符串进行排序,但也不是最佳方案,比如转换成字符串的“5”就比“10”大,也不符合常理。

以上方法单独使用都不是最优解,因此可以用 sort()方法接收一个比较函数做为参数,以便于指定哪个值在前哪个值在后。

七、操作方法

ECMAscript 为数组中已存在的项提供了很对操作方法。

1. contact():为当前数组创建一个副本。如果给 contact 方法传递参数,将接收到的参数添加至数组的末尾,最后返回一个新数组。(原来的数组保持不变)

                    如果没有传递参数,则只复制数组并返回副本。

2. slice():基于当前数组的一项或多项创建一个新数组。语法:slice(返回项起始位置项,结束位置(但不包含结束位置的项));如果只有一个参数,则返回该项到数组末尾的所有项。(原数组不变)

      !!!如果传入的参数中有一个负数,则用数组长度加上该数来确定相应的位置;如果结束位置小于起始位置,则返回空数组。

3. splice():在数组的中部插入项。

       • 删除:删除任意数量的数 ------ 数组名.splice(删除的起始项的索引位置,要删除的项数)

       • 插入:从指定位置插入项 ------ 数组名.splice(起始索引位置,0(要删除的项数),要插入的项)

       • 替换:从指定位置插入项 ------ 数组名.splice(起始索引位置,要删除的项数,要插入的项)

八、位置方法

用于返回要查找的项在数组中的位置,或者在没找到的情况下返回-1。

indexof():从数组的开头(位置0)向后查找。

lastIndexOf():从数组的末尾开始先前查找。

上一篇:JavaScript中Number常用属性和方法


下一篇:JavaScript中一些常用的方法整理