Array的forEach、map的区别和相同之处
forEach
1、 forEach就是数组的遍历、循环 ,回调支持三个参数,第1个是遍历的数组内容;第2个是对应的数组索引,第3个是数组本身,他是没有返回值得,不需要return
[1,3,1,3,4,5,6,2].forEach((value,index,array) => console.log('value'+ value + '--index--' + index))
2、再下面,更进一步,forEach除了接受一个必须的回调函数参数,还可以接受一个可选的上下文参数(改变回调函数里面的this指向)(第2个参数)。
var database = {
users: ["张含韵", "江一燕", "李小璐"],
sendEmail: function (user) {
if (this.isValidUser(user)) {
console.log("你好," + user);
} else {
console.log("抱歉,"+ user +",你不是本家人");
}
},
isValidUser: function (user) {
return /^张/.test(user);
}
};
// 给每个人法邮件
database.users.forEach( // database.users中人遍历
database.sendEmail, // 发送邮件
database // 使用database代替上面标红的this
);
map
1、 map方法的作用不难理解,“映射”嘛,也就是原数组被“映射”成对应新数组,必须要return ,不然会undefined
var arr = [1,3,2,4,1,2,4,5],
arrMap = arr.map((value,index,array) => value*value);
filter
1、指数组filter后,返回过滤后的新数组,有此可见,返回值只要是弱等于== true/false就可以了,而非非得返回 === true/false
var arr = [1,3,2,4,1,2,4,5,0],
arrMap = arr.filter((value) => value);
indexOf
1、 数组这里的indexOf方法与字符串的indexOf类似,返回整数索引值,如果没有匹配(严格匹配),返回-1
var arr = [2,1,4,5,1,5];
console.log(arr.indexOf(1, "3")); //4
console.log(arr.indexOf(9));//-1