Javascript 小叶圆形颜色取决于变量

我希望传单中圆圈的颜色取决于一个变量。 当前代码如下所示，不起作用：

              function displayMapLatLng
             (lat, lng, boolean,  displayInfo) {
              var latlng =
              new L.LatLng(lat, lng);

              var color =
                  if (boolean =='Y'){
                                      "blue"
                                      }else{
                                      "red"
                                      }

              var circle =
                  new L.circle ((latlng), 20, {color: 'color', opacity:.5})
                  circle.addTo(map);

---

有人知道如何解决这个问题吗？

如果您的

语句不是有效的JavaScript。您可以将其编写为trenary操作：

function displayMapLatLng (lat, lng, boolean,  displayInfo) {
    var latlng = new L.LatLng(lat, lng);
    var color = (boolean === 'Y') ? "blue" : "red";

    var circle = new L.circle ((latlng), 20, {color: color, opacity:.5})
    circle.addTo(map);
}

boolean
也是字符串变量的奇怪名称。如果它实际上是一个布尔值，则可以将操作编写为：

var color = (boolean) ? "blue" : "red";

更新：
如果有更多可能的颜色值，则trenary操作将不太有用。然后，
如果。。。否则，如果
语句或
开关
语句更合适：

var color;

switch(boolean) {
    case 'B':
        color = 'blue';
        break;
    case 'R':
        color = 'red';
        break;
    case 'W':
        color = 'white';
        break;
    case 'K': // as in kobolt
        color = 'black';
        break;
    default: 
        color = 'yellow';
        break;
}

当没有其他大小写与
布尔值匹配时，将使用
默认大小写
 您的
if
语句不是有效的JavaScript。您可以将其编写为trenary操作：

function displayMapLatLng (lat, lng, boolean,  displayInfo) {
    var latlng = new L.LatLng(lat, lng);
    var color = (boolean === 'Y') ? "blue" : "red";

    var circle = new L.circle ((latlng), 20, {color: color, opacity:.5})
    circle.addTo(map);
}

boolean
也是字符串变量的奇怪名称。如果它实际上是一个布尔值，则可以将操作编写为：

var color = (boolean) ? "blue" : "red";

更新：
如果有更多可能的颜色值，则trenary操作将不太有用。然后，
如果。。。否则，如果
语句或
开关
语句更合适：

var color;

switch(boolean) {
    case 'B':
        color = 'blue';
        break;
    case 'R':
        color = 'red';
        break;
    case 'W':
        color = 'white';
        break;
    case 'K': // as in kobolt
        color = 'black';
        break;
    default: 
        color = 'yellow';
        break;
}

当没有其他大小写与
布尔值匹配时，将使用
默认大小写
 您的
if
语句不是有效的JavaScript。您可以将其编写为trenary操作：

function displayMapLatLng (lat, lng, boolean,  displayInfo) {
    var latlng = new L.LatLng(lat, lng);
    var color = (boolean === 'Y') ? "blue" : "red";

    var circle = new L.circle ((latlng), 20, {color: color, opacity:.5})
    circle.addTo(map);
}

boolean
也是字符串变量的奇怪名称。如果它实际上是一个布尔值，则可以将操作编写为：

var color = (boolean) ? "blue" : "red";

更新：
如果有更多可能的颜色值，则trenary操作将不太有用。然后，
如果。。。否则，如果
语句或
开关
语句更合适：

var color;

switch(boolean) {
    case 'B':
        color = 'blue';
        break;
    case 'R':
        color = 'red';
        break;
    case 'W':
        color = 'white';
        break;
    case 'K': // as in kobolt
        color = 'black';
        break;
    default: 
        color = 'yellow';
        break;
}

当没有其他大小写与
布尔值匹配时，将使用
默认大小写
 您的
if
语句不是有效的JavaScript。您可以将其编写为trenary操作：

function displayMapLatLng (lat, lng, boolean,  displayInfo) {
    var latlng = new L.LatLng(lat, lng);
    var color = (boolean === 'Y') ? "blue" : "red";

    var circle = new L.circle ((latlng), 20, {color: color, opacity:.5})
    circle.addTo(map);
}

boolean
也是字符串变量的奇怪名称。如果它实际上是一个布尔值，则可以将操作编写为：

var color = (boolean) ? "blue" : "red";

更新：
如果有更多可能的颜色值，则trenary操作将不太有用。然后，
如果。。。否则，如果
语句或
开关
语句更合适：

var color;

switch(boolean) {
    case 'B':
        color = 'blue';
        break;
    case 'R':
        color = 'red';
        break;
    case 'W':
        color = 'white';
        break;
    case 'K': // as in kobolt
        color = 'black';
        break;
    default: 
        color = 'yellow';
        break;
}

当没有其他大小写与
布尔值匹配时，将使用
默认大小写
 我怀疑您选择颜色的代码有语法错误

如果
typeof boolean===“string”
，请尝试：

var color = boolean == 'Y' ? 'blue' : 'red';

var color = boolean ? 'blue' : 'red';

但是，如果从逻辑上讲，
typeof boolean==“boolean”
，请尝试：

var color = boolean == 'Y' ? 'blue' : 'red';

var color = boolean ? 'blue' : 'red';

我怀疑您选择颜色的代码有语法错误

如果
typeof boolean===“string”
，请尝试：

var color = boolean == 'Y' ? 'blue' : 'red';

var color = boolean ? 'blue' : 'red';

但是，如果从逻辑上讲，
typeof boolean==“boolean”
，请尝试：

var color = boolean == 'Y' ? 'blue' : 'red';

var color = boolean ? 'blue' : 'red';

我怀疑您选择颜色的代码有语法错误

如果
typeof boolean===“string”
，请尝试：

var color = boolean == 'Y' ? 'blue' : 'red';

var color = boolean ? 'blue' : 'red';

但是，如果从逻辑上讲，
typeof boolean==“boolean”
，请尝试：

var color = boolean == 'Y' ? 'blue' : 'red';

var color = boolean ? 'blue' : 'red';

我怀疑您选择颜色的代码有语法错误

如果
typeof boolean===“string”
，请尝试：

var color = boolean == 'Y' ? 'blue' : 'red';

var color = boolean ? 'blue' : 'red';

但是，如果从逻辑上讲，
typeof boolean==“boolean”
，请尝试：

var color = boolean == 'Y' ? 'blue' : 'red';

var color = boolean ? 'blue' : 'red';

选择boolean作为字符串变量确实很奇怪，我在这里用荷兰语的名字和boolean这个名字来提问。变量color=boolean？“蓝色“：“红色”；解决了，谢谢还有一个问题，在存在更多可能值的情况下，该trenary操作如何工作。B=蓝色，R=红色，W=白色，B=黑色。那么它就不工作了，太好了。我将用另一种解决方案更新答案。选择boolean作为字符串变量确实很奇怪，我使用荷兰语名称，并在这里使用boolean名称提问。变量color=boolean？“蓝色“：“红色”；解决了，谢谢还有一个问题，在存在更多可能值的情况下，该trenary操作如何工作。B=蓝色，R=红色，W=白色，B=黑色。那么它就不工作了，太好了。我将用另一种解决方案更新答案。选择boolean作为字符串变量确实很奇怪，我使用荷兰语名称，并在这里使用boolean名称提问。变量color=boolean？“蓝色“：“红色”；解决了，谢谢还有一个问题，在存在更多可能值的情况下，该trenary操作如何工作。B=蓝色，R=红色，W=白色，B=黑色。那么它就不工作了，太好了。我将用另一种解决方案更新答案。选择boolean作为字符串变量确实很奇怪，我使用荷兰语名称，并在这里使用boolean名称提问。变量color=boolean？“蓝色“：“红色”；解决了，谢谢还有一个问题，在存在更多可能值的情况下，该trenary操作如何工作。B=蓝色，R=红色，W=白色，B=黑色。那么它就不工作了，太好了。我将使用替代解决方案更新答案。是否尝试更改填充颜色或笔划颜色？是否尝试更改填充颜色或笔划颜色？是否尝试更改填充颜色或笔划颜色？是否尝试更改填充颜色或笔划颜色？