码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript关于JSON集合的几种循环方法

时间:2015-06-09 19:05:33      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:

/**
 * 根据json数据生成option树形控件
 * 如果有children节点则自动生成树形数据
 * @param {JSON} data
 * @param {int} n 节点深度
 * @param {string} char 节点名称前缀
 * @returns {string}
 * @since 1.0 2014-8-22 by sutroon
 * @example
 *      var data = (typeof (data) == "object") ? data : $.parseJSON(data);
 *      var str = ‘‘;
 *      str=generate_options(data);
 */
function generate_options(data, n, char) {
    if (n == undefined) {
        n = 0;
    }
    if (char == undefined) {
        char = ‘..‘;
    }
    var pad = ‘‘;
    while (n > 0) {
        pad += char;
        n--;
    }
    var str = ‘‘;
    if (data.length) {
        // 多行格式
        for (var i = 0; i < data.length; i++) {
            if (data[i].id) {
                // 用于[{"id":"1","name":"name1"}]格式                
                str += ‘<option value="‘ + data[i].id + ‘">‘ + pad + (data[i].name ? data[i].name : data[i].text) + ‘</option>‘;
            } else if (data[i].item) {
                // 用于[{"item":"1"},{"item":"2"}]
                str += ‘<option value="‘ + data[i].item + ‘">‘ + pad + data[i].item + ‘</option>‘;
            } else {
                // 用于{"item1","item2"}格式
                str += ‘<option value="‘ + data[i] + ‘">‘ + pad + data[i] + ‘</option>‘;
            }
            if (data[i].children) {
                str += generate_options(data[i].children, n + 1, char);
            }
        }
    }
    else {
        // 用于{"a":"a1","b":"b2"}单行格式
        for (var attr in data) {
            str += ‘<option value="‘ + attr + ‘">‘ + data[attr] + ‘</option>‘;
        }
    }
    return str;
}

版权声明:本文原著天澜(14507247#qq.com),版权遵循知识共享许可协议[查看]。您可自由转载收藏,但请留此声明,感谢!

Javascript关于JSON集合的几种循环方法

标签:

原文地址:http://www.cnblogs.com/sutroon/p/4563957.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!