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) // ["王五", "李四", "王五"]