Мне нужна небольшая помощь по синтаксису с тернарным оператором, который поможет мне разместить правильные значки маркеров на моей хорошей карте. У меня есть три области 0, 1 и 2, в которых есть уникальные значки 0, 1 и 2.
Раньше у меня было всего две области, поэтому этот тернарный оператор работал нормально;
var icon = (area == 1) ? icon1 : icon0;
Теперь мне нужно добавить дополнительный третий значок (icon2) для area2.
Я пробовал разные методы, но не могу понять.
Синтаксис будет таким:
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;
}
icon0.
- person Justin Ethier; 13.10.2011
Как насчет:
var icon = [ icon0, icon1, icon2 ][area];
area содержит число.
- person Pointy; 02.06.2017
['A', 'B', 'C'][area] так что, если area = 2, C будет значением? Я даже не подумал одновременно определить и установить индекс массива.
- person JM-AGMS; 02.06.2017
icon: { 1: icon1, 2: icon2 }[area] || icon0
- person aaaaaa; 12.04.2018
Для тех, кто смущен множественным тернарным синтаксисом (как и я), это выглядит так:
var yourVar = condition1 ? someValue
: condition2 ? anotherValue
: defaultValue;
Вы можете добавить столько условий, сколько захотите.
Вы можете прочитать дальше на https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Conditional_Operator
Как насчет литерала объекта.
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"test1 ? test1 : (test2 ? test2 : 'some default value') и (test1 ? test1 : test2) ? test2 : 'some default value' дают одинаковый результат
- person chharvey; 20.11.2017
var test = true; var result = test===true ? 'it is true' : test===false ? 'it is false' : 'it is null'. Таким образом, когда вы группируете два последних оператора test===true ? 'it is true' : (test===false ? 'it is false' : 'it is null'), вы получаете 'it is true' (правильно), но когда вы группируете первые два оператора (test===true ? 'it is true' : test===false) ? 'it is false' : 'it is null', вы получаете 'it is false' (неверно). Этот тест лучше, потому что он показывает неявное группирование операторов.
- person chharvey; 20.11.2017
