亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

在jQuery中 關(guān)于json空對(duì)象篩選替換

 更新時(shí)間:2013年04月15日 09:16:38   作者:  
本篇文章,小編將為大家介紹,在jQuery中 關(guān)于json空對(duì)象篩選替換,有需要的朋友可以參考一下
Requirement:

一個(gè)json object,并且可能包含一些空值或者空字符串,在頁(yè)面顯示的時(shí)候希望遇到空值顯示“N/A”,但是有一部分值是允許空值的。因此希望通過(guò)篩選將空值設(shè)為“N/A”.例如希望學(xué)生的“age”和“score”如果為空顯示“N/A”,而“sex”或者“comment”為空則不做處理。

復(fù)制代碼 代碼如下:

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 結(jié)果

 

Method 2 結(jié)果

 

相關(guān)文章

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

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

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

    TimergliderJS 一個(gè)基于jQuery的時(shí)間軸插件

    Timeglider JS是一個(gè)由javascript支持縮放,數(shù)據(jù)驅(qū)動(dòng)的時(shí)間軸組件。非常適合顯示項(xiàng)目歷史,項(xiàng)目計(jì)劃及其其它需要顯示歷史的項(xiàng)目
    2011-12-12
  • jqTransform美化表單

    jqTransform美化表單

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

    如何用jquery控制表格奇偶行及活動(dòng)行顏色

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

    jquery動(dòng)感漂浮導(dǎo)航菜單代碼分享

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

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

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

    jQuery使用zTree插件實(shí)現(xiàn)樹(shù)形菜單和異步加載

    這篇文章主要介紹了jQuery使用zTree插件實(shí)現(xiàn)樹(shù)形菜單和異步加載的相關(guān)方法,感興趣的小伙伴們可以參考一下
    2016-02-02
  • jquery 抽獎(jiǎng)小程序?qū)崿F(xiàn)代碼

    jquery 抽獎(jiǎng)小程序?qū)崿F(xiàn)代碼

    這篇文章主要介紹了jquery 抽獎(jiǎng)小程序的相關(guān)資料,這里提供了詳細(xì)的思路及實(shí)現(xiàn)代碼和實(shí)現(xiàn)效果圖,需要的朋友可以參考下
    2016-10-10
  • jQuery+Ajax+PHP+Mysql實(shí)現(xiàn)分頁(yè)顯示數(shù)據(jù)實(shí)例講解

    jQuery+Ajax+PHP+Mysql實(shí)現(xiàn)分頁(yè)顯示數(shù)據(jù)實(shí)例講解

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

    jQuery實(shí)現(xiàn)的五星點(diǎn)評(píng)功能【案例】

    這篇文章主要介紹了jQuery實(shí)現(xiàn)的五星點(diǎn)評(píng)功能,結(jié)合具體實(shí)例形式分析了jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作實(shí)現(xiàn)五星點(diǎn)評(píng)功能相關(guān)操作技巧,需要的朋友可以參考下
    2019-02-02

最新評(píng)論