JS数组遍历大全

filter():  

功能说明：

对数组中的每个元素都执行一次指定的函数（callback），并且创建一个新的数组，该数组元素是所有回调函数执行时返回值为 true 的原数组元素。它只对数组中的非空元素执行指定的函数，没有赋值或者已经删除的元素将被忽略，同时，新创建的数组也不会包含这些元素。

回调函数可以有三个参数：当前元素，当前元素的索引和当前的数组对象。

如参数 thisObject 被传递进来，它将被当做回调函数（callback）内部的 this 对象，如果没有传递或者为null，那么将会使用全局对象。

filter 不会改变原有数组，记住：只有在回调函数执行前传入的数组元素才有效，在回调函数开始执行后才添加的元素将被忽略，而在回调函数开始执行到最后一个元素这一期间，数组元素被删除或者被更改的，将以回调函数访问到该元素的时间为准，被删除的元素将被忽略。

//过滤掉小于 10 的数组元素：//代码：function isBigEnough(element, index, array) {    return (element >= 10);}var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);// 12, 130, 44//结果：[12, 5, 8, 130, 44].filter(isBigEnough) ： 12, 130, 44

map():

//将所有的数组元素转换为大写：var strings = ["hello", "Array", "WORLD"];function makeUpperCase(v){    return v.toUpperCase();}var uppers = strings.map(makeUpperCase);// uppers is now ["HELLO", "ARRAY", "WORLD"]// strings is unchanged//结果：["hello", "Array", "WORLD"].map(makeUpperCase) ： HELLO, ARRAY, WORLD

some():

对数组中的每个元素都执行一次指定的函数（callback），直到此函数返回 true，如果发现这个元素，some 将返回 true，如果回调函数对每个元素执行后都返回 false ，some 将返回 false。它只对数组中的非空元素执行指定的函数，没有赋值或者已经删除的元素将被忽略。

//检查是否有数组元素大于等于10：function isBigEnough(element, index, array) {    return (element >= 10);}var passed = [2, 5, 8, 1, 4].some(isBigEnough);// passed is falsepassed = [12, 5, 8, 1, 4].some(isBigEnough);// passed is true//结果：//[2, 5, 8, 1, 4].some(isBigEnough) ： false //[12, 5, 8, 1, 4].some(isBigEnough) ： true

every():

对数组中的每个元素都执行一次指定的函数（callback），直到此函数返回 false，如果发现这个元素，every 将返回 false，如果回调函数对每个元素执行后都返回 true ，every 将返回 true。它只对数组中的非空元素执行指定的函数，没有赋值或者已经删除的元素将被忽略

//测试是否所有数组元素都大于等于10：function isBigEnough(element, index, array) {    return (element >= 10);}var passed = [12, 5, 8, 130, 44].every(isBigEnough);// passed is falsepassed = [12, 54, 18, 130, 44].every(isBigEnough);// passed is true//结果：//[12, 5, 8, 130, 44].every(isBigEnough) 返回 ： false //[12, 54, 18, 130, 44].every(isBigEnough) 返回 ： true

forEach():

//打印数组内容：function printElt(element, index, array) {    document.writeln("[" + index + "] is " + element + "<br />");}[2, 5, 9].forEach(printElt);// Prints:// [0] is 2// [1] is 5// [2] is 9//结果：//[0] is 2//[1] is 5//[2] is 9

lastIndexOf():

//查找符合条件的元素：var array = [2, 5, 9, 2];var index = array.lastIndexOf(2);// index is 3index = array.lastIndexOf(7);// index is -1index = array.lastIndexOf(2, 3);// index is 3index = array.lastIndexOf(2, 2);// index is 0index = array.lastIndexOf(2, -2);// index is 0index = array.lastIndexOf(2, -1);// index is 3

indexOf():

//查找符合条件的元素：var array = [2, 5, 9];var index = array.indexOf(2);// index is 0index = array.indexOf(7);// index is -1//结果：//[2, 5, 9].indexOf(2) ： 0 //[2, 5, 9].indexOf(7) ： -1