var demo = [1,2,4,3,5]
| 方法名稱 | 說明 | ES版本 | 返回值 | 生成新數(shù)組 | 使用案例 |
|---|---|---|---|---|---|
concat |
連接兩個(gè)或多個(gè)數(shù)組 | 3 | 返回新數(shù)組 | 是 | demo.concat(demo) = [1,2,4,3,5,1,2,4,3,5] |
slice |
返回選中的元素 | 3 | 返回選中的元素?cái)?shù)組 | 是 | demo.slice(1,3) = [2,4] |
join |
把數(shù)組的所有元素放入一個(gè)字符串 | 3 | 返回生成的字符串 | 否 | demo.join('&') = '1&2&4&3&5' |
reverse |
顛倒數(shù)組中元素的順序 | 3 | 返回處理后的數(shù)組 | 否 | demo.reverse() = [5,3,4,2,1] |
valueOf |
返回?cái)?shù)組對象的原始值 | 3 | 返回原始值 | 否 | demo.valueOf() = demo |
pop |
刪除并返回?cái)?shù)組的最后一個(gè)元素 | 3 | 返回刪除的元素 | 否 | demo.pop() = [1,2,4,3] |
push |
向數(shù)組末尾添加一個(gè)或多個(gè)元素 | 3 | 返回新數(shù)組的長度 | 否 | demo.push(6) = [1,2,4,3,5,6] |
shift |
刪除數(shù)組的第一個(gè)元素 | 3 | 返回刪除的元素 | 否 | demo.shift() = [2,4,3,5] |
unshift |
向數(shù)組開頭添加一個(gè)或多個(gè)元素 | 3 | 返回新數(shù)組的長度 | 否 | demo.unshift(0) = [0,1,2,4,3,5,6] |
sort |
對數(shù)組的元素進(jìn)行排序 | 3 | 返回處理后的數(shù)組 | 否 | demo.sort() = [1,2,3,4,5] |
splice |
刪除元素如贷，并向數(shù)組添加新元素 | 3 | 返回被刪除的元素?cái)?shù)組 | 否 |
demo.splice(1,0,9) = [1,9,2,4,3,5]demo.splice(1,2,9) = [1,9,3,5]
|
toString |
把數(shù)組轉(zhuǎn)換為字符串 | 3 | 返回生成的字符串 | 否 | demo.toString() = '1,2,4,3,5' |
filter |
查找滿足條件的元素 | 5 | 返回滿足條件的元素?cái)?shù)組 | 是 | 見代碼1.0 |
some |
檢測數(shù)組中的元素是否有一個(gè)符合條件 | 5 | 返回布爾值 | 否 | 見代碼1.1 |
every |
檢測數(shù)組中的元素是否全部符合條件 | 5 | 返回布爾值 | 否 | 見代碼1.2 |
indexOf |
查找數(shù)組中符合條件的元素 | 5 | 返回元素索引 | 否 | demo.indexOf(5) = 4 |
map |
返回經(jīng)過處理的新數(shù)組 | 5 | 返回新數(shù)組 | 是 | 見代碼1.3 |
forEach |
對所有元素執(zhí)行一次方法 | 5 | 無返回值 | 否 | 見代碼1.4 |
reduce |
把相鄰的兩個(gè)元素減少為單個(gè)元素 | 5 | 返回總處理結(jié)果 | 否 | 見代碼1.5 |
from |
把類似數(shù)組結(jié)構(gòu)和可遍歷結(jié)構(gòu)轉(zhuǎn)換成數(shù)組 | 6 | 返回新的數(shù)組 | 是 | Array.from(demo) = [1,2,4,3,5] |
of |
創(chuàng)建指定元素個(gè)數(shù)的數(shù)組 | 6 | 返回新創(chuàng)建的數(shù)組 | 是 | Array.of(2) = [undefined,undefined] |
fill |
填充指定位置的元素 | 6 | 返回處理后的數(shù)組 | 否 | demo.fill(2) = [2,2,2,2,2] |
find |
查找數(shù)組中符合條件的元素 | 6 | 返回一個(gè)元素 | 否 |
demo.find((item) => item > 3) = 4demo.find((item) => item > 5) = undefined
|
findIndex |
查找數(shù)組中符合條件的元素 | 6 | 返回元素索引 | 否 |
demo.findIndex((item) => item > 1) = 1demo.findIndex((item) => item < 1) = -1
|
includes |
檢測數(shù)組是否包含某一元素 | 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
