1、foreach
foreach 是一个我们经常用的一个，用于数组遍历：
var name = [‘张三’, ‘李四’, ‘王五’];
name.foreach(function(v,k) {
console.log(v); //这样就会分别将name遍历出来 });
注意：jquery中each方法是反的，比如：
$(name).each(function(k,v){ console.log(v); });
2、map
map数组筛选，返回处理后产生的新数组（长度不变，内容变）：
var a1 = [‘a’, ‘b’, ‘c’]; var a2 = a1.map(function(item，key，ary) {
return item.toUpperCase(); });
console.log(a1);// [‘a’,‘b’,‘c’];
console.log(a2); //[‘A’,‘B’,‘C’];
注意：map 是表示映射的，也就是一一对应，遍历完成之后会返回一个新的数组，
但是不会修改原来的数组
3、filter
filter 过滤，返回符合条件的新数组（数组内容不变，长度变）：
var a1 = [1,2,3,4,5,6]; var a2 = a1.filter(function(item) {
return item <= 3; });
console.log(a2); // [1,2,3];
注意：filter 它将是遍历每一个元素，用每一个元素去匹配，
如果返回true，就会返回一个次数，最后将所有符合添加的全部选出
4、every
every 且，返回布尔值，全部为true返回true，否则false：
function isNumber(value){
return typeof value == ‘number’; }
var a1 = [1, 2, 3];
console.log(a1.every(isNumber)); // logs true
var a2 = [1, ‘2’, 3];
console.log(a2.every(isNumber)); // logs false
注意：数组中每一个元素在callback上都被返回true时就返回true，否则为false
5、reduce
reduce(从左到右 依此遍历，一般用来做加减乘除用算用的)：
var a1 = [1, 2, 3];
var total = a1.reduce(function(first, second) {
return first + second;
}，0);
console.log(total) // Prints 6
注意：
1、就是 return first+second 其实相当于 return first+=second；也就是说每次的first 是上一次的和
2、就是function{}后面的参数，
如果有值 那么第一次加载的时候 first = 0； second = 1；
如果没有值 ， first = 1 ， second = 2；
如果后面的参数是个字符串，那么就是会是字符串拼接、
6、some（或）
function isNumber(value){
return typeof value == ‘number’;
}
var a1 = [1, 2, 3];
console.log(a1.some(isNumber)); // logs true
var a2 = [1, ‘2’, 3];
console.log(a2.some(isNumber)); // logs true
var a3 = [‘1’, ‘2’, ‘3’];
console.log(a3.some(isNumber)); // logs false
注意：只要数组中有一项在callback上被返回true，就返回true
7、find()
在数组中找到符合要求的对象 和filter的区别就是找到符合要求的对象就停止寻找了，返回的是一个对象，而filter返回的是所有符合要求的对象组成的新数组.
var post = {id:4,title:"Javascript"};
var comments = [
{postId:4,content:"Angular4"},
{postId:2,content:"Vue.js"},
{postId:3,content:"Node.js"},
{postId:4,content:"React.js"}
];
function commentsForPost(post,comments){
return comments.find(function(comment){
return comment.postId === post.id;
})
}
console.log(commentsForPost(post,comments));
// {postId:4,content:"Angular4"}
8、for in
for-in循环实际是为循环”enumerable“对象而设计的，for in也可以循环数组，但是不推荐这样使用，for–in是用来循环带有字符串key的对象的方法。
缺点：只能获得对象的键名，不能直接获取键值。
12345
var obj = {a:1, b:2, c:3};
for (var prop in obj) {
console.log("obj." + prop + " = " + obj[prop]);
}
// print: "obj.a = 1" "obj.b = 2" "obj.c = 3"
9、for of
for of为ES6提供，具有iterator接口，就可以用for of循环遍历它的成员。
也就是说，for of循环内部调用的是数据结构的Symbol.iterator方法。
for of循环可以使用的范围包括数组、Set和Map结构、某些类似数组的对象（比如arguments对象、DOM NodeList对象）、后文的Generator对象，以及字符串。
有些数据结构是在现有数据结构的基础上，计算生成的。比如，ES6的数组、Set、Map都部署了以下三个方法，调用后都返回遍历器对象。
网友评论