JS数组常用方法

1、pop()  删除数组的最后一项并返回被删除的元素

let arr = [1,2,3,4,5]
let res = arr.pop()
console.log(res)
//5

 2、shift()  删除数组的首项并返回被删除的元素

let arr = [1,2,3,4,5]
let res = arr.shift()
console.log(res)
//1

  3、push()  在数组最后的位置追加元素并返回新数组的长度

let arr = [1,2,3,4,5]
let res = arr.push(6,7,8)
console.log(arr)
console.log(res)
//[1, 2, 3, 4, 5, 6, 7, 8]
//8

4、unshift()  在数组最前面追加，并返回新数组的长度

let arr = [1,2,3,4,5]
let res = arr.unshift(6,7,8)
console.log(arr)
console.log(res)
//[6, 7, 8, 1, 2, 3, 4, 5]
//8

5、concat()  连接成为新数组

let a = ['a', 'b', 'c']
let b = [11, 22, 33]
let res = arr.concat(a, b, 'aa', 'bb', 'cc')
console.log(res)
//[6, 7, 8, 1, 2, 3, 4, 5, 'a', 'b', 'c', 11, 22, 33, 'aa', 'bb', 'cc']

6、reverse()  颠倒数组中元素的顺序

let arr = [1, 2, 3]
let res = arr.reverse()
console.log(res)
//[3, 2, 1]

7、join()  用于把数组的每个元素拼接成为字符串

let arr = ['a', 'b', 'c', 'd', 'e', 'f']
let str = arr.join('')
console.log(str)
//abcdef

8、indexOf()  查找在数组中首次出现的索引位置，找不到就是-1

let arr = ['a', 'b', 'c', 'd', 'a', 'b', 'c']
let res = arr.indexOf('c')
console.log(res)
//2

9、lastIndexOf()  查找在数组中尾次出现的索引位置，找不到就是-1

let arr = ['a', 'b', 'c', 'd', 'a', 'b', 'c']
let res = arr.lastIndexOf('c')
console.log(res)
//6

10、sort()  数组排序

• 无参(字符编码排序)

let arr = [23, 123, 63, 9, 711]
let res = arr.sort()
console.log(arr)
//[123, 23, 63, 711, 9]

• 正序

let arr = [23, 123, 6, 9, 7]
let res = arr.sort(function (a, b) {return a - b})
console.log(arr)
//[6, 7, 9, 23, 123]

• 倒叙

let arr = [23, 123, 6, 9, 7]
let res = arr.sort(function (a, b) {return b - a})
console.log(arr)
//[123, 23, 9, 7, 6]

11、find()  查找首个满足条件的值

let arr = [1, 3, 2, 3, 4, 5, 4,  8, 5, 4, 9]
let res = arr.find(function (item) {
    return item > 3
})
console.log(rse)
//4

12、findIndex()  查找首个满足条件的值的索引值

let arr = [1, 3, 2, 3, 4, 5, 4,  8, 5, 4, 9]
let res = arr.findIndex(function (item) {
    return item > 2
})
console.log(res)
//1

13、filter()  查找所有满足条件的值,放新数组里

let arr = [1, 3, 2, 3, 4, 5, 4,  8, 5, 4, 9]
let res = arr.filter(function (item, index) {
    return item > 3
})
console.log(res)
//[4, 5, 4, 8, 5, 4, 9]

14、map()  查找所有满足条件的值,执行函数，放新数组

let arr = [1, 3, 2, 3, 4, 5, 4,  8, 5, 4, 9]
let res = arr.map(function (item, index) {
    return item * item
})
console.log(res)
//[1, 9, 4, 9, 16, 25, 16, 64, 25, 16, 81]

15、isArray()  判断a是否是数组

let arr = [1, 3, 2, 3, 4, 5, 4,  8, 5, 4, 9]
let res = Array.isArray(arr)
console.log(res)
//true

16、from()  伪数组转换为真数组(必须有length属性)

let o = {
    0 : 'a',
    1 : 'b',
    2 : 'c',
    3 : 'd',
    4 : 'e',
    5 : 'f',
    6 : 'g',
    length : 7,
}
let arr = Array.from(o)
console.log(arr)
//['a', 'b', 'c', 'd', 'e', 'f', 'g']