开发者社区开发与运维文章正文

js 恶心的遍历

2016-04-02 2624

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

这里写图片描述

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Document</title>
        <script type="text/javascript" src="js/jquery-2.1.4.js"></script>
        <script type="text/javascript">
            //          $.each(window, function(i, v) {
            //              document.writeln(i + ':' + v + '<br />')
            //          });
            //          for(i in window){
            //              document.writeln(i + ':----->' + window[i] + '<br />')
            //          }
            var json = [{
                "id": "1",
                "tagName": "apple"
            }, {
                "id": "2",
                "tagName": "orange"
            }, {
                "id": "3",
                "tagName": "banana"
            }, {
                "id": "4",
                "tagName": "watermelon"
            }, {
                "id": "5",
                "tagName": "pineapple"
            }];
            //第一种方法$.each
            document.writeln('<h3>第一种方法$.each</h3>');
            $.each(json, function(i, v) {
                document.writeln(i + ':->(' + v.id + "," + v.tagName + ')<br />');
            });
            //第二种方法for in
            document.writeln('<h3>第二种方法for in</h3>');
            for (i in json) {
                document.writeln(i + ':->' + json[i].id + ':' + json[i].tagName + '<br />')
            }
        </script>
    </head>

    <body>

    </body>

</html>