js 恶心的遍历

简介:

这里写图片描述

<!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>
目录
相关文章
|
2月前
|
JavaScript 前端开发
JavaScript如何遍历表单元素?
JavaScript如何遍历表单元素?
|
3月前
|
JavaScript 前端开发
js遍历对象的方法
js遍历对象的方法
41 1
|
5月前
|
JavaScript 前端开发
JavaScript中属性遍历的三种方法
JavaScript中属性遍历的三种方法
|
7月前
|
JavaScript 前端开发 索引
Javascript知识【jQuery:数组遍历和事件】
Javascript知识【jQuery:数组遍历和事件】
|
21天前
|
JavaScript 索引
JS 几种循环遍历
JS 几种循环遍历
9 0
JS 几种循环遍历
|
2月前
|
JavaScript 前端开发 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
JavaScript循环遍历常用的7种方法以及常用的数组 API
37 0
|
6月前
|
JavaScript 前端开发
6种JavaScript中常见的循环遍历
6种JavaScript中常见的循环遍历
|
3月前
|
JavaScript 前端开发 容器
 JavaScript 遍历文档生成目录结构
 JavaScript 遍历文档生成目录结构
24 1
|
8月前
|
存储 JavaScript 前端开发
js中的遍历方法比较:map、for...in、for...of、reduce和forEach的特点与适用场景
js中的遍历方法比较:map、for...in、for...of、reduce和forEach的特点与适用场景
|
3月前
|
JavaScript 前端开发
【JavaScript精通之道】掌握数据遍历:解锁现代化遍历方法,提升开发效率!
在JavaScript开发中,经常需要对数组、对象等数据结构进行遍历操作。为了提高开发效率,JavaScript提供了多种灵活的遍历方法。本文将介绍JavaScript中常用的数据结构遍历方法,助你更好地操作数据。