数组迭代方法

常用的数组迭代方法，很多人第一想到的就是for循环，比如需要迭代出下面数组peoples年龄(age)大于30的人名(name)。

var peoples = [ { 
    name: 'Agraj', 
    gender:'M', 
    age: 29, 
    address: { 
        city: 'Delhi', pincode: '110064' 
    } 
}, { 
    name: 'Mark', 
    gender:'M', 
    age: 35, 
    address: { 
        city: 'West Bengal', pincode: '220013' 
    } 
}, { 
    name: 'Lance', 
    gender:'M', 
    age: 39, 
    address: { 
        city: 'Chandigarh', 
        pincode: '201201' 
    } 
}, { 
    name: 'Vikas', 
    gender:'M', 
    age: 21, 
    address: { 
        city: 'Noida', pincode: '201301' 
    } 
}, { 
    name: 'Kanika', 
    gender:'F', 
    age: 21, 
    address: { 
        city: 'Noida', 
        pincode: '201301' 
    } 
}]; 
for (var i = 0; i < peoples.length; i++ ) { 
    if (peoples[i].age > 30) { 
        console.log(peoples[i].name + ':' + peoples[i].age); 
    } 
}

其实ES5为数组定义了五个迭代方法：

• forEach()：没有返回值，只是针对每个数组项调用指定的函数(callbackfn)
• every(): 测试数组的所有元素是否都符合指定函数的条件，只要有有一个元素不符合，返回的都会是false
• some(): 和every()方法类似，不同的是，some()方法在调用指定的函数callbackfn指定的条件符合就会返回true，不符合则返回false。
• filter(): 每个数组项调用指定的函数，条件为true的将返到一个新数组中
• map(): 每个数组项调用指定的函数，返回每次函数调用的结果组成一个新数组

在这5个数组中，前三个不会生成新的数组，而后两个会生成一个新的数组。

1、forEach

语法：array.forEach(function(currentValue, index, arr), thisValue)

peoples.forEach(function (item,index,arr) { 
    if (item.age > 30) { 
        console.log(item.name + ':' + item.age); 
    } 
});

也可以将名字重组放在一个新的数组中：

var names = []; 
 peoples.forEach(function (people, index) { 
    names.push(people.name); 
}); 
console.log(names); // ["Agraj", "Mark", "Lance", "Vikas", "Kanika"]

2、every

还是上面开头的数组，如果每一位的年龄都大于或等于30,就会返回“都大于或等于30岁了”,反之返回“不是所有人都大于30岁了”。

语法：array.every(function(currentValue,index,arr), thisValue)

function bigAge(ele,index,arr){ 
    return (ele.age >= 30); 
} 
var isBigPeople = peoples.every(bigAge); 
if (isBigPeople) { 
    console.log('都大于或等于30岁了'); 
} else { 
    console.log('不是所有人都大于30岁了'); 
}

3、some

只要数组中年龄age有一个大于或等于30，就会返回“有部分人还是年纪大了”，反之返回“你们都还很年轻”:

语法：array.some(function(currentValue,index,arr),thisValue)

function OldAge(ele,index,array){ 
    return (ele.age >= 30); 
} 
var isOldPeople = peoples.some(OldAge); 
if (isOldPeople) { 
    console.log('有部分人还是年纪大了'); 
} else { 
    console.log('你们都还年轻'); 
}

4、map
map()方法返回一个由原数组中的每个元素调用一个指定函数callbackfn后的返回值组成的新数组。如果符合callbackfn会返回符合条件的一个值，将所有返回的值再创建一个新数组。

var usersDb = peoples.map(function (user, index) {
    user.id = index + 1; 
    return user; 
}); 
console.table(usersDb);

5、filter

filter() 方法使用指定的函数callbackfn测试所有元素，并创建一个包含所有通过测试的元素的新数组。

var guys = peoples.filter(function (user) { 
    return user.gender === 'M'; 
}); 
console.table(guys);