js数组的遍历⽅法filter()、map()、some()、every()、
forEac。。。
filter():
语法:
var  filteredArray = array.filter(callback[, thisObject]);
参数说明:
callback:要对每个数组元素执⾏的回调函数。
thisObject :在执⾏回调函数时定义的this对象。
//过滤掉⼩于 10 的数组元素:
//代码:
function isBigEnough(element, index, array) {
return (element >= 10);
}
uppersvar filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
// 12, 130, 44
//结果:[12, 5, 8, 130, 44].filter(isBigEnough) : 12, 130, 44
功能说明:
对数组中的每个元素都执⾏⼀次指定的函数(callback),并且创建⼀个新的数组,该数组元素是所有回调函数执⾏时返回值为 true 的原数组元素。它只对数组中的⾮空元素执⾏指定的函数,没有赋值或者已经删除的元素将被忽略,同时,新创建的数组也不会包含这些元素。
回调函数可以有三个参数:当前元素,当前元素的索引和当前的数组对象。
如参数 thisObject 被传递进来,它将被当做回调函数(callback)内部的 this 对象,如果没有传递或者为null,那么将会使⽤全局对象。
filter 不会改变原有数组,记住:只有在回调函数执⾏前传⼊的数组元素才有效,在回调函数开始执⾏后才添加的元素将被忽略,⽽在回调函数开始执⾏到最后⼀个元素这⼀期间,数组元素被删除或者被更改的,将以回调函数访问到该元素的时间为准,被删除的元素将被忽略。
map():
//将所有的数组元素转换为⼤写:
var strings = ["hello", "Array", "WORLD"];
function makeUpperCase(v)
{
UpperCase();
}
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 false
passed = [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 false
passed = [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 index = array.lastIndexOf(searchElement[, fromIndex]);
参数说明
searchElement:要搜索的元素
fromIndex :开始搜索的位置,默认为数组的长度(length),在这样的情况下,将搜索所有的数组元素。搜索是反⽅向进⾏的。
功能说明
⽐较 searchElement 和数组的每个元素是否绝对⼀致(===),当有元素符合条件时,返回当前元素的索引。如果没有发现,就直接返回 -1 。
//查符合条件的元素:
var array = [2, 5, 9, 2];
var index = array.lastIndexOf(2);
// index is 3
index = array.lastIndexOf(7);
// index is -1
index = array.lastIndexOf(2, 3);
// index is 3
index = array.lastIndexOf(2, 2);
// index is 0
index = array.lastIndexOf(2, -2);
// index is 0
index = array.lastIndexOf(2, -1);
/
/ index is 3
//结果:
//[2, 5, 9, 2].lastIndexOf(2) : 3
//[2, 5, 9, 2].lastIndexOf(7) : -1
//[2, 5, 9, 2].lastIndexOf(2, 3) : 3
//[2, 5, 9, 2].lastIndexOf(2, 2) : 0
//[2, 5, 9, 2].lastIndexOf(2, -2) : 0
//[2, 5, 9, 2].lastIndexOf(2, -1) : 3
indexOf():
功能与lastIndexOf()⼀样,搜索是正向进⾏的
//查符合条件的元素:
var array = [2, 5, 9];
var index = array.indexOf(2);
// index is 0
index = array.indexOf(7);
// index is -1
//结果:
//[2, 5, 9].indexOf(2) : 0
//[2, 5, 9].indexOf(7) : -1

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。