理解JS中的枚举

在JavaScript中，枚举其实就是一种使用JSON格式的数据，即键值对存在的数据。

第一步：JSON的定义

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。

在JSON中，有两种结构：对象和数组。

• 一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“'名称/值'对”之间使用“,”（逗号）分隔。名称用引号括起来；值如果是字符串则必须用引号，数值型则不需要。
• 数组是值（value）的有序集合。一个数组以“[”（左中括号）开始，“]”（右中括号）结束。值之间使用“,”（逗号）分隔。

例如：

var o  {
  "name": "John",
  "age": 30,
  "city": "New York"
};
var arr  ["apple", "banana", "orange"];

第二步：使用JSON实现级联下拉框

具体代码如下所示：

lt;!DOCTYPE htmlgt;
lt;htmlgt;
lt;headgt;
    lt;meta charset"UTF-8"gt;
    lt;titlegt;JSON数据下拉框lt;/titlegt;
lt;/headgt;
lt;bodygt;
    lt;h2gt;省市联动框lt;/h2gt;
    省：
    lt;select id"selector" onchange"selectorChange()"gt;lt;/selectgt;
    市：
    lt;select id"selector2"gt;lt;/selectgt;
    lt;script type"text/javascript"gt;
        var sheng  {
            "广东省key": "广东省",
            "河南省key": "河南省",
            "河北省key": "河北省"
        };
        var shi  {
            "广东省key": {
                "gkey1": "广州市",
                "gkey2": "深圳市"
            },
            "河南省key": {
                "hkey1": "郑州市",
                "hkey2": "周口市"
            },
            "河北省key": {
                "bkkey": "石家庄"
            }
        };
        var obj  (sheng);
        var selector  ("selector");
        var selector2  ("selector2");
          function() {
            for(var key in obj) {
                var opt  ("option");
                  key;
                  obj[key];
                (opt);
            }
            var ds  shi["广东省key"];
            for(var key in ds) {
                var opt2  ("option");
                  key;
                  ds[key];
                (opt2);
            }
        }
        function selectorChange(value) {
            selector2.options.length  0;
            var ds  shi[value];
            for(var key in ds) {
                var opt2  ("option");
                  key;
                  ds[key];
                (opt2);
            }
        }
    lt;/scriptgt;
lt;/bodygt;
lt;/htmlgt;

第三步：测试省市级联

打开网页，查看默认市级下拉框。然后分别选择河南省和河北省，观察市级下拉框的变化。可以发现市级下拉框会随省的改变而改变。

第四步：将JSON作为

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。