mootools框架【三】-Array篇:方法完全解析 - 面向对象网,web开发,Mootools,学习,对象 - 面向对象技术开发

面向对象技术开发

会员投稿 投稿指南 站长资讯通告:
您的位置: 首页 > Web开发 > Mootools > 正文

mootools框架【三】-Array篇:方法完全解析

来源: www.bianceng.cn 阅读:

说明:由于JavaScript1.5对Array增加了一些比较好用的方法,如forEach,

filter,map,every,som,indexOf,但是在还不支持JavaScript1.5的浏览器里是不能用得,所以,mootools通过扩展Array来使其实现对这些方法的支持:

---------------------------------Array.js---------------------------------

1.Array对象的forEach方法

原型:Array.prototype.forEach(callBack: Function, thisObject: Object)

作用:对数组进行迭代操作,它有两个参数,第一个参数callBack是每次迭代

所执行的函数,第二个参数thisObject可选,是要绑定到迭代执行的函数 

上的对象(也就是函数callBack中的this所指向的对象)

例子:

//用法一

var arr = [1,2,3,4,5,6];
arr.forEach(function(e){
alert(e);
});

//用法二

var arr = [1,2,3,4,5,6];
var obj = "hello!";
arr.forEach(function(e){
alert(e+'--'+this); //这里的 this指后面的 obj 对象
},obj);

//用法三

function putElt(element, index, array) {
document.write("pos [" + index + "] in array (" + array + ") is " +
element + '<br>');}
[2, 5, 9].forEach(putElt);

2.Array对象的filter方法

原型:Array.prototype.filter(callBack: Function, thisObject: Object)

作用:迭代数组,每个元素作为参数执行callBack方法,由callBack方法作为

数据过滤网,最后返回过滤后的一个数组

例子:

var result = [1,2,3,4,5].filter(function(e){
return e > 3;
});
alert(result); //结果为4,5

3.Array对象的map方法:

原型:Array.prototype.map(callBack: Function, thisObject: Object)

作用:迭代数组,每个元素作为参数执行callBack方法,由callBack方法对每

个元素进行处理,最后返回处理后的一个数组

例子:

var result = [1,2,3,4,5].map(function(e){
return e + 'px';
});
alert(result); //结果为1px,2px,3px,4px,5px

4.Array对象的every方法:

原型:Array.prototype.every(callBack: Function, thisObject: Object)

作用:它的意思就是:是否数组中的每个元素都通过了callBack的处理?如果

是,则返回true,如果有一个不是,则返回false

例子:

var result = [1,2,3,4,5].every(function(e){
return e > 3;
});
alert(result); //返回false

Tags:
相关文章列表: