用于在URL中连接的Javascript语法

我可以将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;
        },"")

var output=results.reduce（函数（orderA，orderB）{
var行=”；
行+=“”+orderB.name+“”；
行+=“”+orderB.type+“”；
行+=“”+orderB.id+“”；
行+=”；
返回订单A+行；
},"")

我试过：

            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>";

行+=”；
行+=”；
行+=”；

这些输出：

/更新/

/更新/

/更新/orderB.id

例如，我想要：/update/3

使用：

row+=`；

或者简单地使用HTMLString来连接变量，如：

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

行+=''；

使用：

row+=`；

或者简单地使用HTMLString来连接变量，如：

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

行+=''；

正如所建议的，模板文本是一种很好的方法，但是您必须小心，不要只是将字符串粘在一起来创建HTML——如果有像

或

&

这样的字符，可能会有问题。我会使用Lodash并修改另一张海报给出的答案，如下所示：

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

row+=`；

正如所建议的，模板文本是一种很好的方法，但是您必须小心，不要只是将字符串粘在一起来创建HTML——如果有像

或

&

这样的字符，可能会有问题。我会使用Lodash并修改另一张海报给出的答案，如下所示：

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

row+=`；

所有这些行都是文字字符串，因为它们以

“

开头，以

”

结尾，中间没有中断。结束文本字符串，插入变量，然后继续其余部分：

“”当您编写字符串和使用变量时，编辑器应该非常清楚。@当然，谢谢您，这很有效。这些行中的大部分都是文字字符串，因为它们以
“
开头，以
”
结尾，中间没有中断。结束文本字符串，插入变量，然后继续其余部分：
“”当您编写字符串和使用变量时，您的编辑器应该非常清楚。@CertainPerformance谢谢您这很有效