我需要一些三元运算符的语法帮助,这将帮助我将正确的标记图标放在我的好地图上。我有三个区域 0、1 和 2,它们具有独特的图标 0、1 和 2。
我曾经只有两个区域,所以这个三元运算符工作正常;
var icon = (area == 1) ? icon1 : icon0;
现在我需要为 area2 添加一个额外的第三个图标 (icon2)。
我尝试了各种方法,但似乎无法正确解决。
我需要一些三元运算符的语法帮助,这将帮助我将正确的标记图标放在我的好地图上。我有三个区域 0、1 和 2,它们具有独特的图标 0、1 和 2。
我曾经只有两个区域,所以这个三元运算符工作正常;
var icon = (area == 1) ? icon1 : icon0;
现在我需要为 area2 添加一个额外的第三个图标 (icon2)。
我尝试了各种方法,但似乎无法正确解决。
语法是:
var icon = (area == 1) ? icon1 : (area == 2) ? icon2 : icon0;
但这开始变得复杂。您最好只创建一个函数来完成这项工作:
var icon = getIcon(area);
function getIcon(area) {
if (area == 1) {
return icon1;
} else if (area == 2) {
return icon2;
}
return icon0;
}
对于任何对多三元语法感到困惑的人(就像我一样),它是这样的:
var yourVar = condition1 ? someValue
: condition2 ? anotherValue
: defaultValue;
您可以添加任意数量的条件。
您可以在https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator上进一步阅读
怎么样:
var icon = [ icon0, icon1, icon2 ][area];
对象字面量怎么样。
icons = {
0: icon0,
1: icon1,
2: icon2
}
icon = icons[area];
很简单的方法
如果你的对象是这样的:
var obj = {
x: true,
y: {
xy: 'some value'
}
}
var result = obj ? obj.y ? obj.y.xy ? obj.y.xy : 'N/A' : 'N/A' : 'N/A'
console.log(result) // "some value"