數組循環 及其 數據判斷

Array.forEach()

該方法用於遍歷數組

let arr = [1, 3, 5, 7, 2, 4, 6]
arr.forEach((item, index, array) => {
    console.log(item, index, array)
})
// 1 0 [1, 3, 5, 7, 2, 4, 6]
// 3 0 [1, 3, 5, 7, 2, 4, 6]
// ...

 

Array.map()
該方法用於創建一個新數組，這個新數組是由原數組中的每個元素，都調用一次提供的函數後的返回值組成，受原數組長度限制

let arr = [1, 3, 5, 7, 2, 4, 6]
const res = arr.map((item, index) => item * 2)
console.log(res)
// [2, 6, 10, 14, 4, 8, 12]

 

Array.filter()

該方法用於創建一個新數組，其包含符合條件的所有元素

let arr = [1, 3, 5, 7, 2, 4, 6]
const res = arr.filter(item => item > 5)
console.log(res)
// [7, 6]

 

Array.some()

該方法返回布爾值，數組只要有一個元素符合條件，就會返回true；如果全部不符合返回false

let arr = [1, 3, 5, 7, 2, 4, 6]
const res = arr.some(item => item % 2 ===0)
console.log(res)
// true

 

Array.every()

該方法返回布爾值，數組所有元素符合條件，纔會返回fasle，否則返回true

let arr = [1, 3, 5, 7, 2, 4, 6]
const res = arr.every(item => item % 2 ===0)
console.log(res)
// false

 

Array.find()

該方法返回第一個符合條件的元素的值，若沒有符合的返回undefined

let arr = [1, 3, 5, 7, 2, 4, 6]
const res = arr.find(item => item > 5)
console.log(res)
// 7

 

Array.findIndex()

該方法返回第一個符合條件的元素的索引值，若沒有符合的返回-1

let arr = [1, 3, 5, 7, 2, 4, 6]
const res = arr.findIndex(item => item > 5)
console.log(res)
// 3

 

 Array.includes()
該方法用於檢測數組中是否存在一個值，返回一個布爾值，存在返回true，不存在返回false

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

 

Array.indexOf()

該方法用於檢測數組中是否存在一個值，存在返回數據的索引值，不存在返回-1

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

 

Array.lastIndexOf()

該方法返回數組中的最後一個值的索引，存在返回數據的索引值，不存在返回-1，從數組的後面開始查找

let arr = [1, 3, 5, 7, 2, 3]
const res = arr.lastIndexOf(3)
console.log(res)
// 5

 

Array.isArray()

該方法用於檢測傳遞過來的值，是否是一個數組

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

const res2 = Array.isArray(5)
console.log(res2)
// false