标签:
1、js中常用的数组Array对象属性:
如图,其中用红色圆圈标记的部分,为ES5新增的属性。
2、浏览器支持情况:
3、位置方法
var numbers = [1,2,3,4,5,4,3,2,1]; alert(numbers.indexOf(4)); //4 alert(number.lastIndexOf(4)); //5 alert(number.indexOf(4,4)); //5 alert(number.lastIndexOf(4,4)); //3
4、迭代方法
ECMAScript5为数组定义了5个迭代方法。
4.1、every()
注意: every() 不会对空数组进行检测。
注意: every() 不会改变原始数组。
描述:检测数组 ages 的所有元素是否都大于 18 :
var ages = [32, 33, 16, 40]; function checkAdult(age) { return age >= 18; } function myFunction() { document.getElementById("demo").innerHTML = ages.every(checkAdult); }
结果为:
false;
4.2、some()
定义和用法:some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。
对数组中的每一项运行给定的函数,如果该函数对任一项都返回true,则返回true;
代码如下:
var numbers = [1,2,3,4,5,4,3,2,1]; var someResult = numbers.some(function(item,index,array){//item指代数组值;index指代数组下标;array指代数组本身; return (item>2); }); alert(someResult);
结果为:
true;
4.3、filter()
var numbers = [1,2,3,4,5,4,3,2,1]; var filterResult = numbers.filter(function(item,index,array){//item指代数组值;index指代数组下标;array指代数组本身; return (item>2); }); alert(filterResult );
结果为:
[3,4,5,4,3]
4.4、map()
var numbers = [1,2,3,4,5,4,3,2,1]; var mapResult = numbers.map(function(item,index,array){//item指代数组值;index指代数组下标;array指代数组本身; return item*2; }); alert(mapResult );
结果为:
[2,4,6,8,10,8,6,4,2]
4.5、forEach()
var numbers = [1,2,3,4]; numbers.forEach(function(item,index,array){ console.log(item); });
结果为:
1 2 3 4
5、缩小方法
var values = [1,2,3,4,5]; var sum =values.reduce(function(prev,cur,index,array){ return prev+cur; }); alert(sum);
结果为:
15
详解javascript,ES5标准中新增的几种高效Array操作方法
标签:
原文地址:http://www.cnblogs.com/wdlhao/p/5620903.html