jquery 遍历数组与数组详细说明

<!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(); //对数组元素排序,返回数组地址

时间: 2024-10-31 21:39:23

jquery 遍历数组与数组详细说明的相关文章

jQuery遍历对象、数组、集合实例_jquery

1.jquery 遍历对象 复制代码 代码如下:   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <HTML>   <HEAD>    <TITLE> New Document </TITLE>    <script language="javascript" type="text/javascript&qu

jquery遍历json与数组方法总结

 代码如下 复制代码 先我们来参考each() 方法,each()规定为每个匹配元素规定运行的函数,返回 false 可用于及早停止循环 语法 $(selector).each(function(index,element)) 例   each处理一维数组   var arr1 = [ "aaa", "bbb", "ccc" ];        $.each(arr1, function(i,val){            alert(i); 

jquery遍历筛选数组的几种方法

 本文为大家介绍下jquery遍历筛选数组的几种方法和遍历解析json对象的具体实现,感兴趣的朋友不要错过 jquery grep()筛选遍历数组   代码如下: $().ready(  function(){  var array = [1,2,3,4,5,6,7,8,9];  var filterarray = $.grep(array,function(value){  return value > 5;//筛选出大于5的  });  for(var i=0;i<filterarray.

jquery中each遍历对象和数组示例_jquery

 通用遍历方法,可用于遍历对象和数组.$().each(),回调函数拥有两个参数: 第一个为对象的成员或数组的索引,第二个为对应变量或内容.如需退出each循环可使回调函数返回false 现有如下两个select 计划类别: <select id="PLANTYPE"> <option value="0">-所有-</option> <option value="1">新建</option&g

jQuery $.each遍历对象、数组用法实例_jquery

通过它,你可以遍历对象.数组的属性值并进行处理. 使用说明 each函数根据参数的类型实现的效果不完全一致: 1.遍历对象(有附加参数) 复制代码 代码如下: $.each(Object, function(p1, p2) {      this;       //这里的this指向每次遍历中Object的当前属性值      p1; p2;     //访问附加参数 }, ['参数1', '参数2']);   2.遍历数组(有附件参数) 复制代码 代码如下: $.each(Array, fun

jquery 遍历数组 each 方法详解_jquery

JQuery拿取对象的方式 $('#id') :通过元素的id $('tagName') : 通过元素的标签名 $('tagName tagName') : 通过元素的标签名,eg: $('ul li') $('tagName#id): 通过元素的id和标签名 $(':checkbox'):拿取input的 type为checkbox'的所有元素: Eg: <input type="checkbox" name="appetizers" value="

JQuery遍历json数组的3种方法_jquery

一.使用each遍历 复制代码 代码如下:      $(function () {            var tbody = "";            //------------遍历对象 .each的使用-------------            //对象语法JSON数据格式(当服务器端回调回来的对象数据格式是json数据格式,必须保证JSON的格式要求,回调的对象必须使用eval函数进行转化(否则将得不到Object).本文不作详细介绍服务器端回调的数据问题,我们将

js/jquery解析json和数组格式的方法详解

 本篇文章主要是对js/jquery解析json和数组格式的方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在解析之前,我们必须弄清楚几个概念:数组,关联数组以及json之间有哪些区别和联系点?   一.概念介绍 1.数组   语法:  ECMAScript v3规定了数组直接量的语法,JavaScript 1.2和JScript 3.0实现了它.可以把-个用逗号分隔的表达式列表放在方括号中,创建并初始化-个数组.这些表达式的值将成为数组元素.例如:   var a = [1

$.each遍历对象、数组的属性值并进行处理_jquery

通过它,你可以遍历对象.数组的属性值并进行处理. 使用说明 each函数根据参数的类型实现的效果不完全一致: 1.遍历对象(有附加参数) $.each(Object, function(p1, p2) { this; //这里的this指向每次遍历中Object的当前属性值 p1; p2; //访问附加参数 }, ['参数1', '参数2']); 2.遍历数组(有附件参数) $.each(Array, function(p1, p2){ this; //这里的this指向每次遍历中Array的当