用于连接 URL 的 Javascript 语法

Question

我可以将 orderB.id 显示为表数据。我想在 href 中使用这个值，但我在语法上遇到了困难。

        var output = results.reduce(function (orderA, orderB){
            var row = "<tr>";
            row += "<td>" + orderB.name + "</td>";
            row += "<td>" + orderB.type + "</td>";
            row += "<td>" + orderB.id + "</td>";
            row += "<td><a href='/update/' + orderB.id + >Update</a></td>";
            return orderA + row;
        },"")

我已经尝试过:

            row += "<td><a href='/update/' + orderB.id + >Update</a></td>";
            row += "<td><a href='/update/' + 'orderB.id' + >Update</a></td>";
            row += "<td><a href='/update/orderB.id' + >Update</a></td>";

这些输出:

1. /更新/
2. /更新/
3. /update/orderB.id

我想要例如:/update/3

Answer 1

使用template literals :

row += `<td><a href="/update/${orderB.id}">Update</a></td>`;

或者简单地将变量与 html 字符串连接起来，例如:

row += '<td><a href="/update/' + orderB.id + '">Update</a></td>';