js遍历数组、对象、json

最新推荐文章于 2022-08-08 15:48:00 发布

小傅哥

最新推荐文章于 2022-08-08 15:48:00 发布

阅读量1.7k

点赞数

文章标签： function button javascript input json

本文链接：https://blog.csdn.net/generalfu/article/details/7887376

版权

Js 同时被 2 个专栏收录

24 篇文章 0 订阅

订阅专栏

Html

23 篇文章 1 订阅

订阅专栏

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