在jQuery中 关于json空对象筛选替换

2019-12-24,,,

Requirement:

一个json object,并且可能包含一些空值或者空字符串,在页面显示的时候希望遇到空值显示“N/A”,但是有一部分值是允许空值的。因此希望通过筛选将空值设为“N/A”.例如希望学生的“age”和“score”如果为空显示“N/A”,而“sex”或者“comment”为空则不做处理。

复制代码 代码如下:
var student = {
            "name" : "Guo",
            "sex" : "",
            "age" : "",
            "num ": 01,
            "scores" : [
                    {
                        "subject" : "English",
                        "score" : 50,
                        "comment" : ""
                    },
                    {
                        "subject" : "Computer",
                        "score" : "",
                        "comment" : "absent"
                    }
                ]

        };
        var exclude = ["sex", "comment"];

        // method 1 to validate obj
        validateObj1 = function(obj, excluded){
            var value;
            for(var key in obj){
                value = obj[key];
                if($.isArray(value)){
                    obj = validateArray1(obj, key, excluded);
                }else if(($.inArray(key, excluded) == -1) && ($.isBlank(value))){
                    obj[key] = "N/A";
                }
            }

            return obj;

        }

        validateArray1 = function(obj, key, excluded){
            var subValue;
            for(var i = 0, length = obj[key].length; i < length; i++){
                for(var subKey in obj[key][i]){
                    subValue = obj[key][i][subKey];
                    if(($.inArray(subKey, excluded) == -1) && ($.isBlank(subValue))){
                        obj[key][i][subKey] = "N/A";
                    }
                }
            }

            return obj;
        }

        // method 2 to validate obj
        validateObj2 = function(obj, excluded){
            $.each(obj ,function(key, value){
                if($.isArray(value)){
                    obj = validateArray2(obj, key, excluded);
                }else if(isInvalid(key, value, excluded)){
                    obj[key] = "N/A";
                }
            });

            return obj;
        }

        validateArray2 = function(obj, key, excluded){
            for(var i = 0, length = obj[key].length; i < length; i++){
                $.each(obj[key][i] ,function(subKey, subValue){
                    if(isInvalid(subKey, subValue, excluded)){
                        obj[key][i][subKey] = "N/A";
                    }
                });
            }

            return obj;
        }

        isInvalid = function(key, value, excluded){
            return (($.inArray(key, excluded) == -1) && ($.isBlank(value))) ? true : false;
        }

        $.isBlank = function(obj){
            return(!obj || $.trim(obj) === "");
        };

Method 1 结果


 


Method 2 结果


 

您可能感兴趣的文章:

  • jQuery+json实现动态创建复杂表格table的方法
  • vue.js表格组件开发的实例详解
  • 在web中js实现类似excel的表格控件
  • JS表格组件BootstrapTable行内编辑解决方案x-editable
  • JS对HTML表格进行增删改操作
  • Angularjs实现带查找筛选功能的select下拉框示例代码
  • jquery遍历筛选数组的几种方法和遍历解析json对象
  • JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
  • 一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
  • js实现表格筛选功能

《在jQuery中 关于json空对象筛选替换.doc》

下载本文的Word格式文档,以方便收藏与打印。