var demo = [1,2,4,3,5]
| 方法名稱 | 說明 | ES版本 | 返回值 | 生成新數組 | 使用案例 |
|---|---|---|---|---|---|
concat |
連接兩個或多個數組 | 3 | 返回新數組 | 是 | demo.concat(demo) = [1,2,4,3,5,1,2,4,3,5] |
slice |
返回選中的元素 | 3 | 返回選中的元素數組 | 是 | demo.slice(1,3) = [2,4] |
join |
把數組的所有元素放入一個字符串 | 3 | 返回生成的字符串 | 否 | demo.join('&') = '1&2&4&3&5' |
reverse |
顛倒數組中元素的順序 | 3 | 返回處理后的數組 | 否 | demo.reverse() = [5,3,4,2,1] |
valueOf |
返回數組對象的原始值 | 3 | 返回原始值 | 否 | demo.valueOf() = demo |
pop |
刪除并返回數組的最后一個元素 | 3 | 返回刪除的元素 | 否 | demo.pop() = [1,2,4,3] |
push |
向數組末尾添加一個或多個元素 | 3 | 返回新數組的長度 | 否 | demo.push(6) = [1,2,4,3,5,6] |
shift |
刪除數組的第一個元素 | 3 | 返回刪除的元素 | 否 | demo.shift() = [2,4,3,5] |
unshift |
向數組開頭添加一個或多個元素 | 3 | 返回新數組的長度 | 否 | demo.unshift(0) = [0,1,2,4,3,5,6] |
sort |
對數組的元素進行排序 | 3 | 返回處理后的數組 | 否 | demo.sort() = [1,2,3,4,5] |
splice |
刪除元素，并向數組添加新元素 | 3 | 返回被刪除的元素數組 | 否 |
demo.splice(1,0,9) = [1,9,2,4,3,5]demo.splice(1,2,9) = [1,9,3,5]
|
toString |
把數組轉換為字符串 | 3 | 返回生成的字符串 | 否 | demo.toString() = '1,2,4,3,5' |
filter |
查找滿足條件的元素 | 5 | 返回滿足條件的元素數組 | 是 | 見代碼1.0 |
some |
檢測數組中的元素是否有一個符合條件 | 5 | 返回布爾值 | 否 | 見代碼1.1 |
every |
檢測數組中的元素是否全部符合條件 | 5 | 返回布爾值 | 否 | 見代碼1.2 |
indexOf |
查找數組中符合條件的元素 | 5 | 返回元素索引 | 否 | demo.indexOf(5) = 4 |
map |
返回經過處理的新數組 | 5 | 返回新數組 | 是 | 見代碼1.3 |
forEach |
對所有元素執行一次方法 | 5 | 無返回值 | 否 | 見代碼1.4 |
reduce |
把相鄰的兩個元素減少為單個元素 | 5 | 返回總處理結果 | 否 | 見代碼1.5 |
from |
把類似數組結構和可遍歷結構轉換成數組 | 6 | 返回新的數組 | 是 | Array.from(demo) = [1,2,4,3,5] |
of |
創建指定元素個數的數組 | 6 | 返回新創建的數組 | 是 | Array.of(2) = [undefined,undefined] |
fill |
填充指定位置的元素 | 6 | 返回處理后的數組 | 否 | demo.fill(2) = [2,2,2,2,2] |
find |
查找數組中符合條件的元素 | 6 | 返回一個元素 | 否 |
demo.find((item) => item > 3) = 4demo.find((item) => item > 5) = undefined
|
findIndex |
查找數組中符合條件的元素 | 6 | 返回元素索引 | 否 |
demo.findIndex((item) => item > 1) = 1demo.findIndex((item) => item < 1) = -1
|
includes |
檢測數組是否包含某一元素 | 7 | 返回布爾值 | 否 | demo.includes(5) = true |
代碼1.0:
demo.filter((item,index,tempDemo) => {
return item > 2;
}) = [4,3,5]
代碼1.1:
demo.some((item,index,tempDemo) => {
return item === 5;
}) = true
demo.some((item,index,tempDemo) => {
return item === 6;
}) = false
代碼1.2:
demo.every((item,index,tempDemo) => {
return item < 6
}) = true
demo.every((item,index,tempDemo) => {
return item < 5
}) = false
代碼1.3:
demo.map((item,index,tempDemo) => {
return item * 10
}) = [10,20,40,30,50]
demo.map((item,index,tempDemo) => {
item * 10
}) = [undefined,undefined,undefined,undefined,undefined]
代碼1.4:
var sum = 0;
demo.forEach((item,index,tempDemo) => {
sum += item;
}) = 15
代碼1.5:
demo.reduce((old,now,index,tempDemo) => {
return old + now;
}) = 15
