最新消息:

jquery数组常用操作方法介绍:grep[筛选]、each[遍历]、inArray[是否被包含]、map[新数组]

JavaScript William 708浏览

$.grep()

函数使用指定的函数过滤数组中的元素,并返回过滤后的数组。
通过传入的参数为返回bool类型的函数,筛选返回新的数组。
提示:源数组不会受到影响,过滤结果只反映在返回的结果数组中。

<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var array = [1,2,3,4,5,6,7,8,9];
var filterarray = $.grep(array,function(el,index){
return el > 5;//筛选出大于5的
});
for(var i=0;i<filterarray.length;i++){
alert(filterarray[i]);
}
for (key in filterarray){
alert(filterarray[key]);
}
}
);
</script>

$.each()

?遍历数组,传入的参数为处理过程。

<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var anObject = {one:1,two:2,three:3};//对json数组each
$.each(anObject,function(index,el) {
alert(index);
alert(el);
});
var anArray = ['one','two','three'];
$.each(anArray,function(index,el){
alert(index);
alert(el);
}
);
}
);
</script>

$.inArray()

遍历数组,检查元素是否被包含于数组中,用于返回某个值在数组中的下标]

<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var anArray = ['one','two','three'];
var index = $.inArray('two',anArray);
alert(index);//返回该值在数组中的键值,返回1
alert(anArray[index]);//value is two
}
);
</script>

$.map()

map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。

<script type='text/javascript' src="/jquery.js"></script>
<script type="text/javascript">
$().ready(
function(){
var strings = ['0','1','2','3','4','S','6'];
var values = $.map(strings,function(value){
var result = new Number(value);
return isNaN(result) ? null:result;//isNaN:is Not a Number的缩写
}
);
for (key in values) {
alert(values[key]);
}
}
);
</script>

参数区别

$.each()(index,el)$.grep()$.map()其他的两个是(el index)

转载请注明:AspxHtml学习分享网 » jquery数组常用操作方法介绍:grep[筛选]、each[遍历]、inArray[是否被包含]、map[新数组]