在jQuery中 關(guān)于json空對(duì)象篩選替換
一個(gè)json object,并且可能包含一些空值或者空字符串,在頁(yè)面顯示的時(shí)候希望遇到空值顯示“N/A”,但是有一部分值是允許空值的。因此希望通過(guò)篩選將空值設(shè)為“N/A”.例如希望學(xué)生的“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 結(jié)果

Method 2 結(jié)果

- jQuery+json實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建復(fù)雜表格table的方法
- vue.js表格組件開發(fā)的實(shí)例詳解
- 在web中js實(shí)現(xiàn)類似excel的表格控件
- JS表格組件BootstrapTable行內(nèi)編輯解決方案x-editable
- JS對(duì)HTML表格進(jìn)行增刪改操作
- Angularjs實(shí)現(xiàn)帶查找篩選功能的select下拉框示例代碼
- jquery遍歷篩選數(shù)組的幾種方法和遍歷解析json對(duì)象
- JS Jquery 遍歷,篩選頁(yè)面元素 自動(dòng)完成(實(shí)現(xiàn)代碼)
- 一個(gè)用javascript寫的select支持上下鍵、首字母篩選以及回車取值的功能
- js實(shí)現(xiàn)表格篩選功能
相關(guān)文章
移動(dòng)端 一個(gè)簡(jiǎn)單易懂的彈出框
本文給大家分享一段簡(jiǎn)單的jquery代碼實(shí)現(xiàn)一個(gè)簡(jiǎn)單易懂的彈出框,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-07-07
jquery.Jwin.js 基于jquery的彈出層插件代碼
測(cè)試頁(yè)面需要引用jquery的js文件 插件文件jquery.Jwin.js jquery.Jwin插件的使用參數(shù)都有詳細(xì)說(shuō)明2012-05-05
解決checkbox的attr(checked)一直為undefined問(wèn)題
需要做個(gè)一個(gè)全選的checkbox功能,遇到checkbox的attr("checked")一直為undefined,下面與大家分享下最終的解決方案2014-06-06
hover的用法及l(fā)ive的用法介紹(鼠標(biāo)懸停效果)
hover屬性在書寫css時(shí)大家都不會(huì)陌生了吧live主要用于對(duì)動(dòng)態(tài)加載出來(lái)的元素綁定事件,下來(lái)將為大家詳細(xì)介紹下兩者的使用,感興趣的朋友可不要錯(cuò)過(guò)了哈2013-03-03
調(diào)用HttpHanlder的幾種返回方式小結(jié)
本篇文章主要是對(duì)調(diào)用HttpHanlder的幾種返回方式進(jìn)行了總結(jié)介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12
使用jQuery快速解決input中placeholder值在ie中無(wú)法支持的問(wèn)題
本篇文章主要介紹了使用jQuery快速解決input中placeholder值在ie中無(wú)法支持的問(wèn)題。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01
基于Jquery和CSS3制作數(shù)字時(shí)鐘附源碼下載(CSS3篇)
數(shù)字時(shí)鐘在web倒計(jì)時(shí),web鬧鐘效果以及基于html5的web app中,本文給大家介紹基于jquery和css3制作數(shù)字時(shí)鐘附源碼下載,感興趣的朋友來(lái)看看吧2015-11-11

