<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>jquery 遍历数组与数组详细说明</title>
</head>
<body>
<script type="text/网页特效">
var json = {"options":"[{"text":"王家湾","value":"9"},{"text":"李家湾","value":"10"},{"text":"邵家湾","value":"13"}]"}
json = eval(json.options)
for(var i=0; i<json.length; i++)
{
alert(json[i].text+" " + json[i].value)
}
</script>
</body>
</html>
看一款jquery遍历数组实例
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript" src="script/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#letter-e .button").click(function(){
$.getjson("e.json",function(data){
$("#dictionary").empty();
$.each(data,function(entryindex,entry){
var html = '<div class="entry">';
html += '<div class="text">' + entry['text'] + '</div>';
html += '<div class="value">' + entry['value'] + '</div>';
html += '</div>';
$('#dictionary').append(html);
});
});
});
});
</script>
</head>
<body>
<div class="letters">
<div class="letter" id="letter-e">
<h3>e</h3>
<div class="button">load</div>
</div>
</div>
<div id="dictionary">
</div>
</body>
</html>
jquery数组详细说明
jquery下json数组的操作用法实例:
jquery中操作json数组的情况中遍历方法用的比较多,但用添加移除这些好像就不是太多了。
试过json[i].remove(),json.remove(i)之后都不行,看网页的dom对象中好像json数据是以数组的形式出现的,下面是一些实例,仅供参考。
1、数组的创建
var arrayobj = new array(); //创建一个数组
var arrayobj = new array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayobj = new array([element0[, element1[, ...[, elementn]]]]); //创建一个数组并赋值
要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。
2、数组的元素的访问
var testgetarrvalue=arrayobj[1]; //获取数组的元素值
arrayobj[1]= "这是新值"; //给数组元素赋予新的值
3、数组元素的添加
arrayobj. push([item1 [item2 [. . . [itemn ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度
arrayobj.unshift([item1 [item2 [. . . [itemn ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
arrayobj.splice(insertpos,0,[item1[, item2[, . . . [,itemn]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回""。
4、数组元素的删除
arrayobj.pop(); //移除最后一个元素并返回该元素值
arrayobj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
arrayobj.splice(deletepos,deletecount); //删除从指定位置deletepos开始的指定数量deletecount的元素,数组形式返回所移除的元素
5、数组的截取和合并
arrayobj.slice(start, [end]); //以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素
arrayobj.concat([item1[, item2[, . . . [,itemn]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组
6、数组的拷贝
arrayobj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向
arrayobj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向
7、数组元素的字符串化
arrayobj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。
tolocalestring 、tostring 、valueof:可以看作是join的特殊用法,不常用
8、数组元素的排序
arrayobj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址
arrayobj.sort(); //对数组元素排序,返回数组地址