在這裏,祝在看的各位超齡兒童 節日快樂
小時候我們極力裝得像個大人
當我們已經不再是小孩的時候
我們又希望像個孩子
整理一份 也方便各位查漏補缺,亦是各位的兒童節禮物
a) some
此方法檢查數組至少有一個元素是否滿足參數函數檢查的條件。
const arry = [2,3,4,5]
let val = arry.some(e=>e>4)
console.log(val) // true
b) every
與some差不多,此方法檢查數組的所有元素是否滿足給定條件,該條件由作爲參數傳遞給它的函數提供。
const arry = [2,3,4,5]
let val = arry.every(e=>e>4)
console.log(val) // false
c) map
JavaScript中的map()方法通過在父數組中存在的每個元素上調用特定函數來創建數組。這是一種非變異方法。通常,map()方法用於遍歷數組並在數組的每個元素上調用函數。(react遍歷常用)有返回值
const arry = [2,3,4,5]
let val = arry.map(e=>e+4)
console.log(val) // [6, 7, 8, 9]
console.log(arry) // [2,3,4,5]
d) reduce
JavaScript中的數組reduce()方法接收一個函數作爲累加器,數組中的每個值(從左到右)開始縮減,最終計算爲一個值
var numbers = [1, 2, 3, 4,5];
function getSum(pre, num) {
return pre + num;
}
let total = numbers.reduce(getSum)
console.log(total) // 15
e) filter
此方法用於從給定數組創建一個新數組,該數組僅由給定數組中滿足參數函數設置條件的那些元素組成。
const arry = [2,3,4,5]
let val = arry.filter(e=>e>4)
console.log(val) // [5]
console.log(arry) // [2, 3, 4, 5]
f) find
此方法用於獲取滿足所提供條件的數組中第一個元素的值。
const arry = [2,3,4,5]
let val = arry.find(e=>e>4)
console.log(val) // 5
console.log(arry) // [2, 3, 4, 5]
g) findIndex
此方法用於獲取滿足所提供條件的數組中第一個元素的值的下標。
const arry = [2,3,4,5]
let val = arry.findIndex(e=>e>4)
console.log(val) // 3
console.log(arry) // [2, 3, 4, 5]
h) concat
此方法用於將兩個或多個數組合併在一起。此函數不會更改作爲參數傳遞的原始數組。
const arry1 = [2,3,4,5];
const arry2 = [1,2,3];
const arry3 = [1,2,6];
const arry4 = arry1.concat(arry2,arry3)
console.log(arry4 ) // [2, 3, 4, 5, 1, 2, 3, 1, 2, 6]
i) includes
數組中是否存在特定元素,因此,它返回true或false,即,如果該元素存在,則返回true,否則返回false。
const arry = [2,3,4,5]
let val = arry.includes(3)
console.log(val) // true
j) reverse
用於數組的就地反轉 改變原數組
const arry = [2,3,4,5]
let val = arry.reverse()
console.log(val) // [5, 4, 3, 2]
console.log(arry) // [5, 4, 3, 2]
k) sort
此方法用於對數組進行排序。數組可以是任何類型,例如字符串,數字,字符等。改變原數組
const arry = [2,3,7,5];
let val = arry.sort(g);
function g(a, b) {
return a - b;
}
console.log(val) // [2, 3, 5, 7]
console.log(arry) // [2, 3, 5, 7]
l) toString
轉化成字符串
const arry = [2,3,4,5]
let val = arry.toString()
console.log(val) // 2,3,4,5 字符串 有逗號
console.log(arry) // [2,3,4,5]
m) splice
可增刪修改數組, 改變原數組 (下標,刪除元素的個數,元素)
const arr = [1, 2, 3, 4, 5];
let arr1 = arr.splice(2, 1);
console.log(arr1) // [3]
console.log(arr) // [1, 2, 4, 5]
const arr2 = [1, 2, 3, 4, 5];
let arr3 = arr2.splice(2, 0, 'hell0');
console.log(arr3) // [] 無刪除元素
console.log(arr2) // [1, 2, "hell0", 3, 4, 5]
n) join
指定的分隔符進行分隔的
const arr = [1, 2, 3, 4, 5];
let arr1 = arr.join();
let arr2 = arr.join(',');
let arr3 = arr.join('###');
let arr4 = arr.join('');
console.log(arr1) // 1,2,3,4,5
console.log(arr2) // 1,2,3,4,5
console.log(arr3) // 1###2###3###4###5
console.log(arr4) //12345
o) shift
刪除並返回數組的第一個元素
const arr = [1, 2, 3, 4, 5];
let val = arr.shift()
console.log(val) // 1
console.log(arr) [2, 3, 4, 5]
p) pop
刪除並返回數組的最後一個元素
const arr = [1, 2, 3, 4, 5];
let val = arr.pop()
console.log(val) // 5
console.log(arr) [1 , 2, 3, 4 ]
q) unshift
向數組的開頭添加一個或更多元素,並返回新的長度。
const arr = [1, 2, 3, 4, 5];
let val = arr.unshift(0)
console.log(val) // 6
console.log(arr) // [0, 1, 2, 3, 4, 5]
r) push()
向數組的末尾添加一個或更多元素,並返回新的長度。
const arr = [1, 2, 3, 4, 5];
let val = arr.push(0)
console.log(val) // 6
console.log(arr) // [ 1, 2, 3, 4, 5 ,0]
s) forEach
遍歷,無返回值 用變量接受的話undefined
const arr = [1, 2, 3, 4, 5];
let arr2 = []
arr.forEach((item)=>{
arr2.push(item+2)
})
console.log(arr2) // [3, 4, 5, 6, 7]