前言: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():从数组的末尾开始先前查找。