欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

在jQuery中 關于json空對象篩選替換

 更新時間:2013年04月15日 09:16:38   作者:  
本篇文章,小編將為大家介紹,在jQuery中 關于json空對象篩選替換,有需要的朋友可以參考一下
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動態(tài)添加、刪除元素的方法

    jQuery動態(tài)添加、刪除元素的方法

    添加、刪除元素在項目中經常會用到,下面為大家介紹下使用jQuery對元素進行動態(tài)添加和刪除,具體的實現如下,希望對大家有所幫助
    2014-01-01
  • TimergliderJS 一個基于jQuery的時間軸插件

    TimergliderJS 一個基于jQuery的時間軸插件

    Timeglider JS是一個由javascript支持縮放,數據驅動的時間軸組件。非常適合顯示項目歷史,項目計劃及其其它需要顯示歷史的項目
    2011-12-12
  • jqTransform美化表單

    jqTransform美化表單

    本文為大家揭秘如何使表單更加美化,感興趣的小伙伴們可以參考一下
    2015-10-10
  • 如何用jquery控制表格奇偶行及活動行顏色

    如何用jquery控制表格奇偶行及活動行顏色

    這篇文章主要介紹了如何用jquery控制表格奇偶行及活動行顏色,需要的朋友可以參考下
    2014-04-04
  • jquery動感漂浮導航菜單代碼分享

    jquery動感漂浮導航菜單代碼分享

    這篇文章主要為大家詳細介紹了jquery動感漂浮導航菜單特效,菜單可以實現上下浮動,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2015-08-08
  • jQuery EasyUI Accordion可伸縮面板組件使用詳解

    jQuery EasyUI Accordion可伸縮面板組件使用詳解

    這篇文章主要為大家詳細介紹了jQuery EasyUI Accordion可伸縮面板組件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • jQuery使用zTree插件實現樹形菜單和異步加載

    jQuery使用zTree插件實現樹形菜單和異步加載

    這篇文章主要介紹了jQuery使用zTree插件實現樹形菜單和異步加載的相關方法,感興趣的小伙伴們可以參考一下
    2016-02-02
  • jquery 抽獎小程序實現代碼

    jquery 抽獎小程序實現代碼

    這篇文章主要介紹了jquery 抽獎小程序的相關資料,這里提供了詳細的思路及實現代碼和實現效果圖,需要的朋友可以參考下
    2016-10-10
  • jQuery+Ajax+PHP+Mysql實現分頁顯示數據實例講解

    jQuery+Ajax+PHP+Mysql實現分頁顯示數據實例講解

    這是一個典型的Ajax應用,在頁面上,您只需要點擊“下一頁”,數據區(qū)將自動加載對應頁碼的數據,重新刷新數據區(qū)。類似的效果在很多網站上應用,尤其在一些需要展示大量圖片數據的網頁如淘寶商品列表頁,Ajax分頁效果讓您的網站數據加載顯得非常流暢。
    2015-09-09
  • jQuery實現的五星點評功能【案例】

    jQuery實現的五星點評功能【案例】

    這篇文章主要介紹了jQuery實現的五星點評功能,結合具體實例形式分析了jQuery事件響應及頁面元素屬性動態(tài)操作實現五星點評功能相關操作技巧,需要的朋友可以參考下
    2019-02-02

最新評論