[原创作品] 对获取多层json值的封装

　　今天篇头不废话了，交流加群：164858883

　　在我们接收后端返回的json数据的时候，在数据缺失的时候，如果直接接收会导致致命错误的发生。可能有些同学会说通常都会有，不用判断直接获取也行。之前我也是这么想的，但从用了node + mongodb之后，发现数据库有些数据项没有的时候，前端报错了。后果就是页面完全失去了响应。比如我们要取一个这样的数据 :

$.get(url, function(data){

var dd = data.aa.bb.cc.dd;//aa或bb或cc不存在时，此处会导致致命错误，导致一下代码无法执行

});

在coffee中，dd = data?.aa?.bb?.cc?.dd这样可以解决，生成的js代码是这样的：

var _ref, _ref1;

if (typeof aa !== "undefined" && aa !== null) {
if ((_ref = aa.bb) != null) {
if ((_ref1 = _ref.cc) != null) {
_ref1.dd;
}
}
}

就是一层一层判断，在原生js如果这样写特别麻烦，所以我进行了一次封装，欢迎吐槽。

/**by Steven
* 用于接收多层json数据，在没有属性的情况下不产生Cannot read property 'xxx' of null
* @param jsonArray 传入的数据数组[目标对象，'第一层属性名'，'第二层属性名'....]
* @param dftVal 当没有找到时返回的默认值
*/
getJsonAttr: function (jsonArray, dftVal) {
//非数组，直接返回,只有数据本身返回,保证数组最少有2个元素
if (dftVal == null) {
dftVal = ''
}
if (jsonArray == null) {
return dftVal
}
if (jsonArray.constructor != Array) {
return jsonArray
}
if (jsonArray.length == 1) {
return jsonArray[0];
}
var temp = jsonArray[0];
var returnVal = null;
//确保传入的第一个值合法
if (!!temp) {
for (i = 1; i < jsonArray.length; i++) {
var key = jsonArray[i];
if (!!temp[key]) {
temp = temp[key];
returnVal = temp;
} else {
returnVal = dftVal;
//键值未找到，中断执行
break;
}
}
}else{
returnVal = dftVal;
}
return returnVal;
}

　　

这篇居然被踢出了博客园首页，真是伤心，他们说介绍的篇幅太少了。好吧，后来我在使用的时候，发现我忘了去判断传入的第一个参数[obj,'param'......]的obj进行判断，如果obj为null或者为undefined的时候，下面的执行会出错。所以改进了下。额，我我发现我改了下代码块的字体大小，然后，就在代码块前加了个span标签。。。。。，这是博客园的bug。不影响阅读。

原创作品，转载请注明出处：http://zhutty.cnblogs.com 加q群：164858883