常見JavaScript數組方法

在這裏,祝在看的各位超齡兒童 節日快樂

小時候我們極力裝得像個大人
當我們已經不再是小孩的時候
我們又希望像個孩子

整理一份 也方便各位查漏補缺,亦是各位的兒童節禮物

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]
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章