jQuery对数据和对象的操作
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
var
arr={"张三":80,"李四":78,"赵武":85};
var str="<li
class=‘title‘>姓名:分数</li>";
$.each(arr,function(index,value){
//遍历数组
str+="<li>"+index+":"+value+"</li>";
})
$.each($.ajaxSettings,function(property,value){
//遍历对象
str+="<li>"+property+":"+value+"</li>";
})
$("ul").append(str);
//数据筛选
var strTmp="筛选前数据:";
var
arrNum=[4,6,2,5,10,13,1,30];
var arrGet=$.grep(arrNum,function(ele,index){
//工具函数,$.grep()函数筛选数组中的任何元素
return ele<10 && index<4
})
//变更数组中的元素
var arrMap=$.map(arrNum,function(ele,index){
//工具函数,$.map()函数变更数组中的元素
if(ele<10 && index< 4)
return
ele+1;
})
strTmp+=arrNum.join();
strTmp+="<br></br>筛选后数据:";
strTmp+=arrGet.join();
strTmp+=arrMap.join();
$("#divTip").append(strTmp);
//搜索数组中指定元素的位置
var arrInArray=$.inArray(10,arrNum);
//$.inArray()函数搜索数组中指定元素的位置
strInArray="搜索结果:";
strInArray+=arrInArray;
$("#divTip").append(strInArray);
})
</script>
</head>
<body>
<ul></ul>
<div
id="divTip"></div>
</body>
</html>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。