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) = 4 demo.find((item) => item > 5) = undefined
|
findIndex |
查找数组中符合条件的元素 | 6 | 返回元素索引 | 否 |
demo.findIndex((item) => item > 1) = 1 demo.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
网友评论