zoukankan      html  css  js  c++  java
  • javascript的Foreach语法

    首先,虽然叫Foreach语法但关键字还是用for哦,这个语法只是对平时用开的for语法的一个简化而已。

    这个语法平时最多还是用来遍历数组,这时候每一个循环得到的是数组的索引(一个整形数字),然后通过数组名[整形索引]获得数组中的对象。

    但是这个语法还可以用来遍历对象,拿到的是对象的属性名称(一个字符串).然后通过对象名[属性名称]就可以拿到对象。

    所以理解该语法的关键是理解每次循环得到的到底是什么。

    其实,这一功能的实现得益于javascript的数组索引可以是字符串,如果不能(想java)就没有这出戏唱了。

    复制代码
    <html>
    <heap>
    <script type="text/javascript">
       
    var mycolors = new Array('blue','red','yellow');
       
    function f1(){       
           
    var content="";
           
    for(var key in mycolors){
                content
    += key+": "+mycolors[key]+"<br/>";
            }   
            document.getElementById(
    "content").innerHTML = content;
        }
       
       
    function User(){}
       
       
    function f2(){               
           
    var u1=new User();
            u1.uname
    ="张三";
            u1.age
    ="18";
           
           
    var content="";
           
    for(var key in u1){
                content
    += key+": "+u1[key]+"<br/>";
            }   
            document.getElementById(
    "content").innerHTML = content;
        }
    </script>
    </heap>
    <body>
    <input type="button" id="c1" name="c1" onclick="f1();" value="click one"/>   
    <input type="button" id="c2" name="c2" onclick="f2();" value="click two"/>   
    <div id="content"></div>
    </body>
    </html>
    复制代码

    点击click one后输出:

    0: blue
    1: red
    2: yellow

    点击click two后输出:

    uname: 张三
    age: 18

    但然如果u1中有一个方法:

    u1.sai=function(){
       alert("hello");
    }

    那么点击click two后就输出:

    uname: 张三
    age: 18
    sai: function(){ alert("hello"); }

    看到最后聪明的你现在应该知道如何遍历一个JSON对象了吧,呵呵!!

  • 相关阅读:
    093孤荷凌寒自学第179天区块链093天Dapp048
    092孤荷凌寒自学第178天区块链092Dapp047
    091孤荷凌寒自学第177天区块链091天Dapp046
    090孤荷凌寒自学第180天区块链090天Dapp045
    089孤荷凌寒自学第175天区块链089天Dapp044
    088孤荷凌寒自学第174天区块链088天Dapp043
    087孤荷凌寒自学第173天区块链087天Dapp042
    孤荷凌寒自学第172天区块链086天Dapp041
    孤荷凌寒自学第171天区块链085天Dapp040
    iOS开发——高级篇——内存分析,Instruments
  • 原文地址:https://www.cnblogs.com/chenjianhong/p/4145031.html
Copyright © 2011-2022 走看看