转自: http://www.phpweblog.net/fuyongjie/archive/2008/12/23/6238.html
JavaScript
1.6
引入了几个新的Array 方法,具体的介绍见:https:
//
developer.mozilla.org/cn/New_in_JavaScript_1.6
JavaScript
1
.6在firefox1.5及其后版本支持,但在IE6,IE7甚至IE8上仍然未被支持。jquery的工具方法中提供了类似的功能。
1
、Array.forEach()和jquery的$().each()。在数组中的每个项上运行一个函数。类似java5增强的for循环。见:http:
//
www.ibm.com/developerworks/cn/java/coretech/java- lang.html?S_TACT=105AGX52&S_CMP=content#N10461
Js代码 复制代码
1
.
var
ary
=
[
2
,
4
,
6
,
8
];
2
.
3
.
//
js1.6 Array.forEach方法
4
. ary.forEach(
function
(i){alert(i);});
5
.
6
.
//
看看jquery的写法
7
. $(ary).each(
function
(){alert(
this
);});
8
.
//
还可以写成这样
9
. $(ary).each(
function
(index,item){alert(item);});
//
index是元素的索引,item是该元素
var
ary
=
[
2
,
4
,
6
,
8
];
//
js1.6 Array.forEach方法
ary.forEach(
function
(i){alert(i);});
//
看看jquery的写法
$(ary).each(
function
(){alert(
this
);});
//
还可以写成这样
$(ary).each(
function
(index,item){alert(item);});
//
index是元素的索引,item是该元素
2
、Array.filter()和jquery的$.grep()。在数组中的每个项上运行一个函数,并将函数返回真值的项作为数组返回。简单的说就是用一个条件过滤掉不符合的数组元素,剩下的符合条件的元素组合成新的数组返回。
Js代码 复制代码
1
.
var
ary
=
[
2
,
4
,
6
,
8
];
2
.
3
.
//
js1.6 Array.filter()方法
4
.
var
otherAry1
=
ary.filter(
function
(item){
return
item
>
4
;});
5
. alert(otherAry1);
//
输出6,8
6
.
7
.
//
jquery写法(注意和$.each的区别)
8
.
//
此处你们函数中第一个参数是数组元素自身,第二个参数是数组元素索引
9
.
//
而$().each方法刚好相反,作者应该统一下。
10
.
var
otherAry2
=
$.grep(ary,
function
(item,index){
return
item
>
4
;});
11
. alert(otherAry2);
//
输出6,8
var
ary
=
[
2
,
4
,
6
,
8
];
//
js1.6 Array.filter()方法
var
otherAry1
=
ary.filter(
function
(item){
return
item
>
4
;});
alert(otherAry1);
//
输出6,8
//
jquery写法(注意和$.each的区别)
//
此处你们函数中第一个参数是数组元素自身,第二个参数是数组元素索引
//
而$().each方法刚好相反,作者应该统一下。
var
otherAry2
=
$.grep(ary,
function
(item,index){
return
item
>
4
;});
alert(otherAry2);
//
输出6,8
3
、Array.map()和jquery的$.map()。在数组中的每个项上运行一个函数,并将全部结果作为数组返回。这个方法非常强大,尤其是作用于DOM数组时(在abcc项目上用过,对每个查询模块DOM生成查询字符串)。简单说就是把每个数组元素运算的结果作为新数组元素(还是很拗口)。
Js代码 复制代码
1
.
var
ary
=
[
2
,
4
,
6
,
8
];
2
.
3
.
//
js1.6 Array.map()方法
4
.
var
newAry1
=
ary.map(
function
(item){
return
item
+
1
;});
//
每个元素加1
5
. alert(newAry1);
//
输出3,5,7,9
6
.
7
.
//
jquery写法
8
.
var
newAry2
=
$.map(ary,
function
(item,index){
return
item
+
1
;});
9
. alert(newAry2);
//
输出3,5,7,9
var
ary
=
[
2
,
4
,
6
,
8
];
//
js1.6 Array.map()方法
var
newAry1
=
ary.map(
function
(item){
return
item
+
1
;});
//
每个元素加1
alert(newAry1);
//
输出3,5,7,9
//
jquery写法
var
newAry2
=
$.map(ary,
function
(item,index){
return
item
+
1
;});
alert(newAry2);
//
输出3,5,7,9
4
、Array.every()方法。检查数组元素是否都符合某个条件,只要有一个不符合返回false,否则返回true
Js代码 复制代码
1
.
var
ary
=
[
2
,
4
,
6
,
8
,
10
];
2
.
3
. alert(ary.every(
function
(item){
return
item
>
1
}));
//
true
4
. alert(ary.every(
function
(item){
return
item
>
2
}));
//
false
var
ary
=
[
2
,
4
,
6
,
8
,
10
];
alert(ary.every(
function
(item){
return
item
>
1
}));
//
true
alert(ary.every(
function
(item){
return
item
>
2
}));
//
false
5
、Array.some()方法。检查数组中元素是否符合某个条件,只要有一个符合返回true,否则返回false
Js代码 复制代码
1
.
var
ary
=
[
2
,
4
,,
6
,
8
,
10
];
2
.
3
. alert(ary.some(
function
(item){
return
item
>
9
;}));
//
true
4
. alert(ary.some(
function
(item){
return
item
>
10
;}));
//
false
var
ary
=
[
2
,
4
,,
6
,
8
,
10
];
alert(ary.some(
function
(item){
return
item
>
9
;}));
//
true
alert(ary.some(
function
(item){
return
item
>
10
;}));
//
false
ps:以上代码需在firefox1.
5
++
上运行