map():遍历数组中的元素,再将返回的值组成一个新的数组
语法:var newArr = [1,2,3].map(function (){item,index,arr},thisValue);
- item:表示数组内的元素(必选)
- index:表示数组的索引(可选)
- arr:表示整个数组(可选)
- thisValue:表示this指向的对象(可选)
注意:如果 thisValue参数有值,则每次函数被调用的时候,this 都会指向 thisValue参数上的这个对象。如果省略了 thisValue参数,或者赋值为 null 或 undefined,则 this 指向全局对象 。
注意:
- 不会改变原数组
- 不会遍历空位
- 使用return不会跳出循环
实例:
var arr = [2,5,0,false,8,,true];
var newArr = arr.map((item,index)=>
{
item = item + index;
return item
});
console.log(newArr);
forEach():用法与map()相似,但是forEach不返回值,只用来操作数据。
语法:同上
注意:
- 没有返回值,对return语句无效
- 不会遍历空位
- 会改变原数组
实例:
var arr = [2,5,0,false,8,,true];
var newArr = arr.forEach((item,index)=>
{
console.log(item*index);
return item
});
console.log(newArr);
filter():过滤数组成员,满足条件的组成新的数组返回
注意:
- 不会改变原数组
- 不会遍历空位
实例:
var arr = [2,5,0,false,8,true];
var newArr = arr.filter((item)=>
{
return item > 3
});
console.log(newArr);
some():判断数组成员是否满足条件,返回布尔值
只要数组中一个成员返回true,则some()就直接返回true
注意:
- 不会改变原数组
- 不会遍历空位
var arr = [2,5,0,false,8,true];
var newArr = arr.some((item)=>
{
return item < 1
});
console.log(newArr);
every():判断数组成员是否满足条件,返回布尔值
需要数组中的全部成员都返回true,every()才返回true
注意:
- 不会改变原数组
- 不会遍历空位
实例:
myEcharts.setOption(option);
var arr = [2,5,0,false,8,true];
var newArr = arr.every((item)=>
{
return item < 1
});
console.log(newArr);
小结
- map方法对数组成员依次处理,然后存在一个新数组里返回处理结果;
- forEach方法对数组数据依次处理,但是不返回结果,可以用在只处理数据不需要返回值的情况,如上的累加;
- filter方法对数据数据依次处理,然后存在一个新数组里返回处理结果为true的值;
- some方法相对于||,every方法相当于&&,some可以用在判断整个数组中能够是否有某个值的情况下,every可以用在判断数组中值对比的情况;
- 以上方法除forEach外其他都不会对空数组进行检测、不会改变原始数组。