如何在字符串中使用变量

本文介绍了如何在字符串中使用变量的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我正在尝试在字符串中实现变量.我已经搜索过此内容，并尝试将其他内容扔给它，但似乎没有任何效果.

I am trying to implement a variable in a string. I have searched for this and tried throwing different things at it but nothing seems to work..

我有一个看起来像这样的变量:

I have a variable that looks like this:

http:localhost:8080/Editor/?name=Default

我没有问题，可以使用以下方法获取价值:

I have no issue getting the value using:

function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return (false); } var name = getQueryVariable("name")

现在，我有一个字符串可以加载如下所示的页面:

Now I have a string that loads a page that looks like this:

HMI.Builder.init('Files/HMIBuilder/', function () { //run code after page/iframe is loaded });

我要做的是将变量添加到字符串Files/HMIBuilder/{name} 这是行不通的.它最终需要看起来像这样

What I want to do is add the variable to the string Files/HMIBuilder/{name} This does not work. It needs to end up looking like this

Files/HMIBuilder/Default

或者传递任何变量.

推荐答案

您必须使用javascript +符号将字符串与变量连接起来，如下所示:

You'll have to concatenate your string with the variable using the javascript + symbol, like below:

HMI.Builder.init('Files/HMIBuilder/' + getQueryVariable("name"), function () { //run code after page/iframe is loaded });

或使用方便的replace来提高可读性:

Or use the handy replace for more readability:

HMI.Builder.init('Files/HMIBuilder/{name}'.replace('{name}', getQueryVariable("name")), function () { //run code after page/iframe is loaded });

当然，您可以通过两个步骤来实现此目的，以提高可读性:

Of course, you could do it with two steps for even more readability:

var route = 'Files/HMIBuilder/{name}'.replace('{name}', getQueryVariable("name")); HMI.Builder.init(route, function () { //run code after page/iframe is loaded });

最后，在最近的浏览器(以及一些向后兼容的编译器)上，您可以使用ES6`"语法:

Finally, on recent browsers (and with some transpilers for backward compatibility), you could use the ES6 "`" syntax:

var route = `Files/HMIBuilder/${getQueryVariable("name")}`; HMI.Builder.init(route, function () { //run code after page/iframe is loaded });