JavaScript 在模板字符串中返回超过 21 y/o 的布尔值

Question

我不知道如何在模板字符串中实现大于 return 布尔值的公式（参见代码）。

const age = 47; // simplified for question
let html;

html =  `<ul>
            <li>Alcohol allowed?: ${if (age > 20) {return 'true'} else {return 'false'}}</li>
        </ul>`;

document.getElementById("replace").innerHTML = html;

<html>
    <body>
        <ul>
            <li>Alcohol allowed?: true/false</li>
        </ul>
    </body>
</html>

Answer 1

你的问题是没有必要 return 因为你不在函数中。相反，因为您所追求的只是显示 true 或 false，您可以简单地使用 age > 20:

的值

const age = 47; // simplified for question
let html = `<ul>
             <li>Alcohol allowed?: ${age > 20}</li>
            </ul>`;

document.body.innerHTML = html;

或者，如果您想显示除 true 或 false.

以外的其他值，则可以使用三进制

参见下面的示例：

const age = 47; // simplified for question
let html = `<ul>
             <li>Alcohol allowed?: ${age > 20 ? 'Above' : 'Below'}</li>
            </ul>`;

document.body.innerHTML = html;

您可以在此处阅读有关 conditional (ternary) operator 的更多信息。

JavaScript 在模板字符串中返回超过 21 y/o 的布尔值

JavaScript returning boolean over 21 y/o within template string

javascript

boolean

template-strings