JS:动态填充/组合对象与嵌套对象/属性>我们有更简单的方法吗?

时间:2017-07-07 17:55:34

标签: javascript dynamic properties populate

问题:我有一个JS全局变量,我要检查它是否是一个带有“菜单配置”的对象,并填充缺少的配置。

所以这项工作基于这个AS2:

        var result_array = re.result.items;

        _global.menu_array = new Array();
        var menu_type_num:Number = -1;
        var menu_group_num:Number = -1;
        var menu_id_num:Number = -1;
        for (var i=0; i<result_array.length; i++){
            if (menu_type_num != result_array[i].menu_type){
                menu_type_num = result_array[i].menu_type;
                menu_group_num = -1;
                var type_array:Array = new Array();
                _global.menu_array[menu_type_num] = type_array;
            }
            if (menu_group_num != result_array[i].menu_group){
                menu_group_num = result_array[i].menu_group;
                var group_array:Array = new Array();
                _global.menu_array[menu_type_num][menu_group_num] = group_array;
            }
            var menu_obj:Object = new Object();
            menu_id_num = menu_obj.menu_id = Number(result_array[i].menu_id);
            menu_obj.menu_text = result_array[i].menu_text;
            _global.menu_array[menu_type_num][menu_group_num][menu_id_num] = menu_obj;
        }

我已经在JS中找到了这个解决方案:

result.then(function(res)
    {
        if(!_MEV2_GLOBAL.hasOwnProperty("menu_array"))
        {
            _MEV2_GLOBAL.menu_array = {};
        }

        res.forEach(r =>
        {
            if(!_MEV2_GLOBAL.menu_array.hasOwnProperty(r.menu_type))
            {
                _MEV2_GLOBAL.menu_array[r.menu_type] = {};
            }


      if(!_MEV2_GLOBAL.menu_array[r.menu_type].hasOwnProperty(r.menu_group))
            {
                _MEV2_GLOBAL.menu_array[r.menu_type][r.menu_group] = {};
            }

            if(!_MEV2_GLOBAL.menu_array[r.menu_type][r.menu_group].hasOwnProperty(r.menu_id))
            {
                _MEV2_GLOBAL.menu_array[r.menu_type][r.menu_group][r.menu_id] = {
                    menu_id:   r.menu_id,
                    menu_text: r.menu_text
                };
            }
        }
    }

这样可行,但是对每个子级都做一个if ...我是否有另一种方式,有减少或其他什么,更有效和简洁的东西?

我对JS有一点了解,但我担心我的解决方案不是最好的方法。或者我是否陷入了“万恶之源”:P

修改 输入来自IndexedDB“表”,因此结果由对象(“行”)组成,类似于图片上的对象: for example, "t_menus_gre" select is the input

此resultSet必须插入GlobalVar,该结构应遵循以下结构: this object is my GlobalVar and should include a subObject['menu_array'] with menus configs by type/group/id

1 个答案:

答案 0 :(得分:0)

好吧......老实说,我并不认为我理解菜单配置背后的逻辑,但仅根据您的代码我可以做出以下改进:

result.then(res => {

    _MEV2_GLOBAL.menu_array = _MEV2_GLOBAL.menu_array || {};
    const array = _MEV2_GLOBAL.menu_array;

    res.forEach(r => {
        array[r.menu_type] = array[r.menu_type] || {};
        array[r.menu_type][r.menu_group] = array[r.menu_type][r.menu_group] || {};
        array[r.menu_type][r.menu_group][r.menu_id] = array[r.menu_type][r.menu_group][r.menu_id] || { menu_id: r.menu_id, menu_text: r.menu_text };
    });

});

如果您只想验证是否定义了值,则javascript始终将nullundefinedfalse""0评估为 false

这样,当您执行array[r.menu_type] = array[r.menu_type] || {};时,如果array[r.menu_type]未定义,则会收到{}

希望能以某种方式帮助你。