2020 10 26js陣列函式

2021-10-25 06:26:21 字數 2615 閱讀 1044

1.array.map()

此方法是將陣列中的每個元素呼叫乙個提供的函式,結果作為乙個新的陣列返回,並沒有改變原來的陣列

let arr = [1, 2, 3, 4, 5]

let newarr = arr.map(x => x*2)

//arr= [1, 2, 3, 4, 5] 原陣列保持不變

//newarr = [2, 4, 6, 8, 10] 返回新陣列

2.array.foreach()

此方法是將陣列中的每個元素執行傳進提供的函式,沒有返回值,注意和map方法區分

let arr = [1, 2, 3, 4, 5]

num.foreach(x =x*2)

// arr = [1, 2, 3, 4, 5] 陣列改變,注意和map區分

3.array.filter()

此方法是將所有元素進行判斷,將滿足條件的元素作為乙個新的陣列返回

let arr = [1, 2, 3, 4, 5]

const isbigenough = value => value >= 3

let newarr = arr.filter(isbigenough )

//newnum = [3, 4, 5] 滿足條件的元素返回為乙個新的陣列

4.array.reduce()

此方法是所有元素呼叫返回函式,返回值為最後結果,傳入的值必須是函式型別:

let arr = [1, 2, 3, 4, 5]

const add = (a, b) => a + b

let sum = arr.reduce(add)

//sum = 15 相當於累加的效果

與之相對應的還有乙個 array.reduceright() 方法,區別是這個是從右向左操作的

5.array.push()

此方法是在陣列的後面新增新加元素,此方法改變了陣列的長度:

6.array.pop()

此方法在陣列後面刪除最後乙個元素,並返回陣列,此方法改變了陣列的長度:

let arr = [1, 2, 3, 4, 5]

arr.pop()

console.log(arr) //[1, 2, 3, 4]

console.log(arr.length) //4

7.array.shift()

此方法在陣列後面刪除第乙個元素,並返回陣列,此方法改變了陣列的長度:

let arr = [1, 2, 3, 4, 5]

arr.shift()

console.log(arr) //[2, 3, 4, 5]

console.log(arr.length) //4

8.array.unshift()

此方法是將乙個或多個元素新增到陣列的開頭,並返回新陣列的長度:

let arr = [1, 2, 3, 4, 5]

arr.unshift(6, 7)

console.log(arr) //[6, 7, 1, 2, 3, 4, 5]

console.log(arr.length) //7

9.array.isarray()

判斷乙個物件是不是陣列,返回的是布林值

10.array.concat()

此方法是乙個可以將多個陣列拼接成乙個陣列:

let arr1 = [1, 2, 3]

arr2 = [4, 5]

let arr = arr1.concat(arr2)

console.log(arr)//[1, 2, 3, 4, 5]

11.array.tostring()

此方法將陣列轉化為字串:

let arr = [1, 2, 3, 4, 5];

let str = arr.tostring()

console.log(str)// 1,2,3,4,5

12.array.join()

此方法也是將陣列轉化為字串:

let arr = [1, 2, 3, 4, 5];

let str1 = arr.tostring()

let str2 = arr.tostring(』,』)

let str3 = arr.tostring(』##』)

console.log(str1)// 12345

console.log(str2)// 1,2,3,4,5

console.log(str3)// 1##2##3##4##5

通過例子可以看出和tostring的區別,可以設定元素之間的間隔~

13.array.splice(開始位置, 刪除的個數,元素)

萬能方法,可以實現增刪改:

let arr = [1, 2, 3, 4, 5];

let arr1 = arr.splice(2, 0 『haha』)

let arr2 = arr.splice(2, 3)

let arr1 = arr.splice(2, 1 『haha』)

console.log(arr1) //[1, 2, 『haha』, 3, 4, 5]新增乙個元素

console.log(arr2) //[1, 2] 刪除三個元素

console.log(arr3) //[1, 2, 『haha』, 4, 5] 替換乙個元素

JS 陣列函式

1 doctype html 2 html 3 head 4 title 09 陣列物件.html title 56 meta name keywords content keyword1,keyword2,keyword3 7 meta name description content this ...

js常用陣列函式

concat 方法 返回乙個新陣列,這個新陣列是由兩個或更多陣列組合而成的。array1.concat item1 item2 itemn var arr 1 yang yan fei var arr 2 10,11,2,33,44,55 var str 3 yangyanfei var arr 3...

js 高階陣列函式

1.filter 用來過濾陣列中符合條件的元素 filter 方法建立乙個新的陣列,新陣列中的元素是通過檢查指定陣列中符合條件的所有元素。注意 filter 不會對空陣列進行檢測。注意 filter 不會改變原始陣列。函式引數 currentvalue 必需。當前元素 index 可選。當前元素的索...