JavaScript之数组Array

JavaScript的数组Array，就是用[ ]括起来的一组数据，数组内可以包含任意类型的数据。

• 创建数组

//创建一个空数组
var arr1 = new Array
console.log(arr1)    //[]
//创建并赋值
var arr2 = new Array(1,3)
console.log(arr2)    //[1,3]
//创建并赋值
var arr3 = [3,2]
console.log(arr3)    //[3,2]

• length，通过length属性可以获取数组的大小，更改length的大小也会导致数组的大小变化

var arr = [1,4,7,null,true,'hello'];
console.log(arr.length)    //6
//给length赋值增大，数组也增大，空位自动生成undefined
arr.length = 7;
console.log(arr)    //[1,4,7,null,true,'hello',undefined]
//给length赋值减小，数组也减小，超出部分自动删除
arr.length = 2;
console.log(arr)    //[1,4]

• 索引，数组的索引从0开始，可以通过索引访问数组中的每一个数据，也可以通过索引修改数据

var arr = [1,4,7,null,true,'hello'];
console.log(arr[4])    //true
//通过指定索引修改数据
arr[4] = false
console.log(arr)    // [1,4,7,null,false,'hello']
//通过索引赋值，当索引超出了范围，数组的大小会发生变化，指定索引位添加指定的数据，空位会补齐undefined
arr[7] = false
console.log(arr)    // [1,4,7,null,true,'hello',undefined,false]

• indexOf()，搜索指定元素的位置

var arr = [1,4,7,null,true,'hello'];
console.log(arr.indexOf(true))    //返回指定元素的索引4
console.log(arr.indexOf(false))    //指定元素不存在则返回-1

• slice()，截取，不改变原数组，返回一个新数组

var arr = [1,4,7,null,true,'hello'];
console.log(arr.slice(1,4))    //从索引1开始，到4结束，但不包括4，[4,7,null]
console.log(arr.slice(4))    //从索引4开始，直至末尾结束，[true,'hello']
console.log(arr.slice())    //没有参数，代表截取整个数组，相当于复制了原数组

• push()和pop()，push()是向数组的末尾添加元素，pop()是删除数组的最后一个元素

var arr = [1,2];
arr.push('x','y')
console.log(arr)    //[1,2,'x','y']
arr.pop()
console.log(arr)    //[1,2,'x']
//清空数组
arr = []    
console.log(arr.pop())    //空数组pop()不会报错，返回undefined

• unshift()和shift()，unshift()是向数组的头部添加元素，shift()是删除数组的第一个元素

var arr = [1,2];
arr.unshift('x','y')
console.log(arr)    //['x','y',1,2]
arr.shift()
console.log(arr)    //['y',1,2]
//清空数组
arr = []    
console.log(arr.shift())    //空数组shift()不会报错，返回undefined

• sort()，排序，直接调用会按照ACSII的顺序对数组内的元素进行排序

var arr = ['C','B','A']
console.log(arr.sort())    //["A", "B", "C"]
var arr = [23,15,8]
console.log(arr.sort())    //[15,23,8]

//升序排列
function asc(a,b){
    return a-b
}
console.log(arr.sort(asc))    //[8,15,23]
//降序排列
function desc(a,b){
    return b-a
}
console.log(arr.sort(desc))    //[23,15,8]

• reverse()反转

var arr = [4,2,76,1,25]
console.log(arr.reverse())    //[25,1,76,2,4]

• splice()，指定修改数组内的元素，可以删除也可以添加，该操作改变了原数组。第一个参数表示指定的起始索引，第二个参数表示删除元素的个数，后面的参数表示要添加的元素。

var arr = [1,4,7,null,true,'hello'];
arr.splice(3,2)    //从索引3开始，删除两个元素，返回删除的元素[null,true]
console.log(arr)    //[1,4,7,'hello']
arr.splice(1,0,false,89)    //从索引1开始，不删除元素，添加两个元素，返回[]
console.log(arr)    //[1,4,false,89,7,'hello']
arr.splice(2,3,null)    //从索引2开始，删除三个元素，添加一个元素，返回[false,89,7]
console.log(arr)    //[1,4,null,'hello']

• concat()连接，他可以连接两个数组，也可以连接任意的元素，不改变原数组

var arr = [1,2,3]
arr.concat(['x','y','z'])    //[1,2,3,'x','y','z']
arr.concat('a','b','d')    //[1,2,3,'a','b','d']
arr.concat(7,3,['y','z'])    //[1,2,3,7,3,'y','z'],数组自动拆分

• join()，将数组转换为字符串

var arr = [2,5,1]
arr.join()    //默认直接拆分成字符串，2,5,1
arr.join('*')    //按照指定字符连接成字符串，2*5*1