js遍历数组、对象、json
【摘要】 <html> <head> <title>json</title><script language="javascript" type="text/javascript"> window.onload = function(){ //遍历数组 $("blsz").onclick = function(){ $("tta").value = ""; //定义数组 var sz...
-
<html>
-
-
<head>
-
-
<title>json</title>
-
<script language="javascript" type="text/javascript">
-
-
window.onload = function(){
-
//遍历数组
-
$("blsz").onclick = function(){
-
$("tta").value = "";
-
//定义数组
-
var sz = ["吃饭","睡觉","打豆豆"]
-
//for in遍历(也可以用普通for遍历)
-
for(ind in sz){
-
$("tta").value += sz[ind]+" ";
-
}
-
}
-
// 遍历对象
-
$("bldx").onclick = function(){
-
//清空
-
$("tta").value = "";
-
/*定义对象*/
-
var obj = {"name":"程咬金","age":"45"};
-
/*遍历数组*/
-
for(ind in obj){
-
$("tta").value += obj[ind]+" ";
-
}
-
}
-
// 遍历数组对象
-
$("blszdx").onclick = function(){
-
$("tta").value = "";
-
-
/*定义数组对象*/
-
var szobj = [{"name":"tom","age":"24"},{"name":"marry","age":"19"}];
-
/*遍历*/
-
for(ind in szobj){
-
$("tta").value += szobj[ind].name+"--->"+szobj[ind].age+"\r\n";
-
}
-
}
-
}
-
-
function $(uid){
-
return document.getElementById(uid);
-
}
-
</script>
-
</head>
-
-
<body>
-
-
<input type="button" value="数组遍历" id="blsz"/>|
-
<input type="button" value="对象遍历" id="bldx"/>|
-
<input type="button" value="数组对象遍历" id="blszdx"/><br/>
-
<div id="divtext"></div>
-
-
<textarea id="tta" style="font-size=20px; width:200px; height=100px;"></textarea>
-
</body>
-
-
</html>
文章来源: bugstack.blog.csdn.net，作者：小傅哥，版权归原作者所有，如需转载，请联系作者。
原文链接：bugstack.blog.csdn.net/article/details/7887376
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）