数组常用方法

数组常用方法

var a = ['1','2','3','4','5','6','7','8','9']

length 获取数组长度

console.log(a.length) // 9

join 数组连接样式

console.log(a.join()) // 1,2,3,4,5,6,7,8,9 默认逗号连接
console.log(a.join("-")) // 1-2-3-4-5-6-7-8-9 自定义链接

push 向数组最后添加一项

a.push("10")
// ['1','2','3','4','5','6','7','8','9','10']

pop 删除数组最后一项

a.pop()
// ['1','2','3','4','5','6','7','8']

shift 删除数组第一项

a.shift()
// ['2','3','4','5','6','7','8','9']

unshif 添加一个元素至数组中

a.unshift()
// ['0','1','2','3','4','5','6','7','8','9']

reverse 数组顺序颠倒

concat 合并两个数组

var a = ["1","2","3"]
    var b = ["4","5","6"]
    c = a.concat(b)
    console.log(c) // ["1", "2", "3", "4", "5", "6"]

slice(a,b) 截取数组以a下标开始，到b下标之间，不包括b

console.log( a.slice(2,5) ) // ["3", "4", "5"]

splice(a,b,c)可以实现插入、删除、替换。牛批哇

// 删除 
// 传入两个参数 第一个要删除的索引，第二个删除的个数
var a = ['1','2','3','4','5','6','7','8','9']
var b = a.splice(2,1)
console.log(b) // 3 就是截取的数
console.log(a) // 删除后剩下的

// 插入和替换 
// 接收至少三个数 前两个同上，后面的所有都是在删除位置添加
var a = ['1','2','3','4','5','6','7','8','9']
    var b = a.splice(2,1,"a","b","c")
    console.log(b) // 3 就是删除的数
    console.log(a) // 删除后，在删除位置添加了 a,b,c，也就是用后面的替换了删除的
    // ["1", "2", "a", "b", "c", "4", "5", "6", "7", "8", "9"]

indexOf 检查数组中是否有某个数，考虑兼容性

console.log(a.indexOf("5")) // 4 返回下标
console.log(a.indexOf(5)) // -1 找不到则是 -1
// 一般用 a.indexOf(x) > 0？ 来判断是否包含某个值
a.indexOf(2,3) // false 第一个是要找的值，第二个是从哪个位置开始查找

// 兼容性
if(!Array.indexOf){
	// 如果不支持则老实for遍历吧
}
// 或者
if(!Array.prototype.indexOf){
	...code
}

同样需要考虑到兼容问题的方法
indexOf:返回获取项在数组中的索引
lastIndexOf:返回获取项在数组中出现的最后一次索引
map：循环遍历数组 参数是一个匿名函数
forEach: 循环遍历数组 参数是一个匿名函数 默认返回为undefined

forEach 遍历数组

a.forEach( (item,index) => {
	// item是数组的每一项，index是每一项的索引
   console.log(item，index)
})

some 遍历数组中每一项，只要有一项符合，返回true，否则false，解决存在性问题

var a = [1,2,3,4,5,6,7,8,9]
var b = a.some( item => {
    return item > 5
})
console.log(b) // true 存在大于5的
var c = a.some(item => {
    return item > 100
})
console.log(c) // false 不存在大于 100的

every 与some相反，只有都返回true才是true

map 对数组每一项运行一个函数

var a = [1,2,3,4,5,6,7,8,9]
var b = a.map( item => {
    return item*3
})
console.log(b) // [3, 6, 9, 12, 15, 18, 21, 24, 27]

reduce(prev,cur,index,arr)

reduce方法会遍历数组，使用回调函数遍历处理数组中的每一项，回调函数每次会返回一个处理后的值，作为下一次回调的第一个参数。

prev: 上一次回调的处理结果
cur: 本次遍历的数组项
index: 当前遍历的索引
arr: 对应的是数组本身

// 实现类加
 var a = [1,2,3,4,5,6,7,8,9]
var b = a.reduce((pre,val,index) => {
	console.log(index)
	return pre+val
},50) // 50是初始值，防止前面数组是一个空数组报错
console.log(b) // 95 => 50+45

reduceRight 原理同reduce，不过是从最后一个数开始遍历

sort 数组排序 ，一般用于升序 降序

var a = [1,52,13,68,5,4]
a.sort()// [1, 13, 4, 5, 52, 68] 随机排序，基本上不变
arr.sort((a,b)=> {
	return a-b // <0 a在b前面 >0 a在b后面
)

includes判断数组中是否包含某个item

		var b = [1,2,3,4,5,6,NaN,undefined]
        console.log(b.includes(3)) // true
        console.log(b.includes(NaN)) // true
        console.log(b.includes(undefined)) // true

filter过滤元素,对数组中的item进行过滤，满足条件的才可以留下来，不改变原数组

```var b = [1,2,3,4,5,6,NaN,undefined]
        let c = b.filter(item => {
            return item > 3
        })
        console.log(b) // [1, 2, 3, 4, 5, 6, NaN, undefined]
        console.log(c) //[4, 5, 6]  满足 > 3 的留下