jQuery对数据和对象的操作

时间:2021-06-03 21:48:14

<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>