javascript中数组的API方法

Posted 2021-09-04 UI前端小菜一名

javascript中数组的API方法

数组.concat()：合并数组

let arr1 = [1, 2, 3]
let arr2 = [4, 5, 6]
let arr = arr1.concat(arr2) 
console.log(arr) // [1, 2, 3, 4, 5, 6]

数组.indexOf()：查找数组中的元素找到返回索引值，找不到返回 -1

let arr1 = [1, 2, 3]
let arr = arr1.indexOf(1) 
console.log(arr) // 0

数组.join()：拼接数组

let arr1 = [1, 2, 3]
let arr = arr1.join('')
console.log(arr) // '123'

数组.sort()：数组排序

let arr1 = [1, 45, 25, 48, 2, 98, 3]

// sort方法在进行排序的时候遇到两位数字只能根据第一个数字大小排序，因此可以传一个回调进行排序
let arr = arr1.sort(function(a, b) { return a - b }) // 从小到大 [1, 2, 3, 25, 45, 48, 98]
arr1.sort(function(a, b) { return b - a }) // 从大到小 [98, 48, 45, 25, 3, 2, 1]

// let arr = arr1.sort()
console.log(arr) // [1, 2, 25, 3, 45, 48, 98]

Array.isArray()：判断是不是数组

let arr1 = [1, 45, 25, 48, 2, 98, 3]
let obj = { age: 22 }
console.log(Array.isArray(arr1)) // true
console.log(Array.isArray(obj)) // false

Array.from()：数组假转真

数组.forEach()：遍历数组

let arr1 = [1, 45, 25, 48, 2, 98, 3]
arr1.forEach((item, index, arr) => {
    // item: 数组里的每一项
    // index: 数组里的每一项的索引值
    // obj: 数组本身
    console.log(item) // 1  45  25  48  2  98  3
})

数组.find()：遍历数组(返回数组中首次出现的满足条件的元素)

let arr1 = [1, 45, 25, 48, 2, 98, 3]
let arr2 = arr1.find((item, index, arr) => {
    // item: 数组里的每一项
    // index: 数组里的每一项的索引值
    // obj: 数组本身
    return item > 5
})
console.log(arr2) // 45

数组.findIndex()：遍历数组(返回数组中首次出现的满足条件的元素的索引值，找不到返回 -1)

let arr1 = [1, 45, 25, 48, 2, 98, 3]
let arr2 = arr1.findIndex((item, index, arr) => {
    // item: 数组里的每一项
    // index: 数组里的每一项的索引值
    // obj: 数组本身
    return item>5
})
console.log(arr2) // 1

数组.some()：遍历数组(查找数组中满足条件的元素有一个满足就为true，立即终止循环)

let arr1 = [1, 45, 25, 48, 2, 98, 3]
let arr2 = arr1.some((item, index, arr) => {
    // item: 数组里的每一项
    // index: 数组里的每一项的索引值
    // obj: 数组本身
    return item > 5
})
console.log(arr2) // true

数组.every()：遍历数组(查找数组中满足条件的元素, 都满足就为true)

let arr1 = [1, 45, 25, 48, 2, 98, 3]
let arr2 = arr1.every((item, index, arr) => {
    // item: 数组里的每一项
    // index: 数组里的每一项的索引值
    // obj: 数组本身
    return item >= 1
})
console.log(arr2) // true

数组.filter()：遍历数组(过滤数组单元值，生成新数组返回)

let arr1 = [1, 45, 25, 48, 2, 98, 3]
let arr2 = arr1.filter((item, index, arr) => {
    // item: 数组里的每一项
    // index: 数组里的每一项的索引值
    // obj: 数组本身
    return item > 5
})
console.log(arr2) // [45, 25, 48, 98]

数组.map()：遍历数组(迭代原数组，生成新数组)

let arr1 = [1, 45, 25, 48, 2, 98, 3]
let arr2 = arr1.map((item, index, arr) => {
    // item: 数组里的每一项
    // index: 数组里的每一项的索引值
    // obj: 数组本身
    return item * 5
})
console.log(arr2) // [5, 225, 125, 240, 10, 490, 15]

数组.reduce()：遍历数组(累加)

let arr1 = [1, 45, 25, 48, 2, 98, 3]
let arr2 = arr1.reduce((sum, item) => {
    // sum: 数组中元素的和
    // item: 数组里的每一项
    sum += item
    return sum
}, 0)
console.log(arr2) // 222

数组.includes()：查找数组中的元素找到返回 true 找不到返回 false

let arr1 = [1, 45, 25, 48, 2, 98, 3]
let arr = arr1.includes(45)
console.log(arr) // true

数组.push()：在数组最后面添加元素

let arr = ['张三', '李四']
arr.push('王五')
console.log(arr) // ["张三", "李四", "王五"]

数组.unshift()：在数组头部添加元素

let arr = ['张三', '李四']
arr.unshift('王五')
console.log(arr) // ["王五", "张三", "李四"]

数组.pop()：删除数组中最后一个元素

let arr = ["张三", "李四", "王五"]
arr.pop('王五')
console.log(arr) // ["张三", "李四"]

数组.shift()：删除数组头部第一个元素

let arr = ["张三", "李四", "王五"]
arr.shift('王五')
console.log(arr) // ["李四", "王五"]

数组.splice()：动态删除添加元素

let arr = ["张三", "李四", "王五"]
arr.splice(0, 1, '王五')
console.log(arr) // ["王五", "李四", "王五"]