js循环。for，each

最新推荐文章于 2022-09-15 12:37:14 发布

elmoss

最新推荐文章于 2022-09-15 12:37:14 发布

阅读量1.3k

点赞数

分类专栏： js javascript 文章标签： js javascript

js 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

javascript

1 篇文章 0 订阅

订阅专栏

<body>
<button>Click Here</button>
<div>this is a div</div>
<p>this is a p</p>
<span>this is a span</span><br /><br />
<b>this is a b</b><br /><br />
<em>this is a em</em>
</body>

each循环

$(function(){
    $("button").click(
　　　　function(){
　　　　var a1="";
　　　　var a2="";
　　　　var a3="";
　　　　var a4="";
　　　　var a5="";
　　　　var colors=['red','blue','green','yellow','black','white','orange'];
　　　　var color_ary=[{'id':'red','code':'01'},{'id':'blue','code':'02'},{'id':'green','code':'03'},{'id':'yellow','code':'04'},
　　　　　　　　　　　　　{'id':'black','code':'05'},{'id':'white','code':'06'},{'id':'orange','code':'07'}];

    　　$.each(colors,function(item){a1+=item+",";});
    　　//each方法中的函数参数为一个时，此参数为遍历的索引值，同for循环的 i 变量。
    　　$.each(colors,function(index,item){a2+=item[index]+",";});
    　　//each方法中的函数参数为两个时，item为数组的每一项，item[index]返回的是对item对象的提取。
    　　$.each(colors,function(index,item){a3+=item+",";});    
    　　//item为数组的每一项，如此可正常的显示数组，同样的color[index]也可正常的显示数组。
    　　$.each(color_ary,function(index,item){a4+=item.id+":"+item.code+",";});
    　　//当数据为json格式时，可以如此来解析此json
    　　$.each(color_ary,function(index,item){a5+=color_ary[index].id+":"+color_ary[index].code+",";});
    　　//当数据为json格式时，也可以如此来解析此json
    
    　　$("div").text(a1);
    　　$("p").text(a2);
    　　$("span").text(a3);
    　　$("b").text(a4);
    　　$("em").text(a5)
    　　})
})

for循环

$(function(){
var data = JSON.parse(color_ary);
    for(var i = 0; i<data.length;i++){
    <span style="white-space:pre">	</span>alert("id:"+data[i].id+",code:"+data[i].code);
    }		
});