我有以下来自ajax-request的JSON响应。
var json = {
"response": {
"freeOfChargeProduct": {
"description": "Product",
"orderQty": 5,
"productName": "XYZ",
"qty": 6,
"details": {
"price": 55.5,
"instock": "true",
"focQuantity": 1
}
},
"orderLineId": 4788,
"totalOrderLinePrice": "741.36",
"totalOrderPrice": "1,314.92",
"totalQty": 17
};
JSON并不总是返回"freeOfChargeProduct“属性。因此,如果我想获得"freeOfChargeProduct“价格,那么我必须执行以下操作:
var getFreeOfChargeProductPrice = function() {
var r = json.response;
if (r && r.freeOfChargeProduct && r.freeOfChargeProduct.details) {
return r.freeOfChargeProduct.details.price;
}
return null;
};
没问题。但是检查对象中的每个属性是非常烦人的,所以我创建了一个函数来检查对象中的属性是否已定义。
var getValue = function (str, context) {
var scope = context || window,
properties = str.split('.'), i;
for(i = 0; i < properties.length; i++) {
if (!scope[properties[i]]) {
return null;
}
scope = scope[properties[i]];
}
return scope;
};
var price = getValue('json.response.freeOfChargeProduct.details.price');
// Price is null if no such object exists.
现在我的问题是:这是一种检查对象中是否存在属性的好方法还是坏方法?有更好的建议/方法吗?
编辑:
我不想使用&&-运算符。我很懒,我正在寻找一种可重用的方法来检查是否定义了一个对象(或对象的属性)。
:)谢谢!
发布于 2010-10-18 03:34:46
if(x && typeof x.y != 'undefined') {
...
}
// or better
function isDefined(x) {
var undefined;
return x !== undefined;
}
if(x && isDefined(x.y)) {
...
}
这将适用于JavaScript中的任何数据类型,甚至是为零的数字。如果要检查对象或字符串,只需在If语句中使用x && x.y
,或者如果您已经知道x是一个对象,则使用if(x.y) ...
发布于 2010-10-18 02:36:29
使用保护模式:
if (json.response && json.response.freeOfChargeProduct && json.response.freeOfChargeProduct.details) {
// you can safely access the price
}
这就是保护模式的工作方式。
if (a && a.b && a.b.c) { ... } else { ... }
第一个检查是“属性a
是否存在?”如果不是,则执行else-分支。如果是,则执行下一个检查,即“对象a
是否包含属性b
?”。如果不是,则执行else-分支。如果是,则进行最后的检查:“对象a.b
是否包含属性c
?”。如果不是,则执行else-分支。如果是(也只有在那时),If分支才会执行。
更新:为什么它被称为“守卫模式”?
var value = a && b;
在本例中,成员b
(右操作数)由&&
运算符保护。只有当成员a
(左操作数)为真(“值得”)时,才会返回成员b
。然而,如果成员a
是假的(“不值得”),那么它本身就会被返回。
顺便说一句,如果成员返回这些值:null
、undefined
、0
、""
、false
、NaN
,则它们是错误的。成员在所有其他情况下都是诚实的。
发布于 2010-10-18 03:26:26
你可以这样做:
try{
var focp = json.response.freeOfChargeProduct
var text = "You get " + focp.qty + " of " +
focp.productName +
" for only $" + (focp.qty-focp.details.focQuantity)*focp.details.price +
", You save $" + focp.details.focQuantity*focp.details.price;
$("order_info").innerText = text;
} catch(e) {
// woops, handle error...
}
如果字段存在,它将根据问题中提供的数据生成如下消息:
你只花277,5美元就能买到6台XYZ,你省下了55.5美元
如果数据不存在,您将在catch块中结束。如果你不能想出一种方法来处理这个错误(也许对数据做一个新的AJAX请求?),你可以总是尝试,捕捉,忘记这里。
https://stackoverflow.com/questions/3954630
复制相似问题