如何将变量放在javascript字符串中?(Node.js)


146
s = 'hello %s, how are you doing' % (my_name)

这就是您在python中执行的方式。您如何在javascript / node.js中做到这一点?


1
我确定有人在旁边做着es-next稻草人var s = 'hello ${my_name}, how are you doing';
雷诺斯,2011年

1
正如雷诺斯所说:const poem =“黑河”; const author =“约瑟夫巨魔”; const favePoem =`我最喜欢的诗是$ {author} \的$ {poem}。或者您可以使用:console.log('%s是%d。','Eleven',11);
吉尔伯托·B·特拉(Jilberto B. Terra Jr.)

Answers:


56

如果您想要类似的东西,可以创建一个函数:

function parse(str) {
    var args = [].slice.call(arguments, 1),
        i = 0;

    return str.replace(/%s/g, () => args[i++]);
}

用法:

s = parse('hello %s, how are you doing', my_name);

这只是一个简单的示例,并未考虑到不同类型的数据类型(如%i等)或转义%s。但我希望它能给您一些想法。我很确定那里也有提供这样功能的库。


1
从根本上讲,这是您所能得到的最好的,因为它不像python中那样直接受到语言的支持。
Jim Schubert

另一个以util.format()为特征的答案应该是公认的答案……虽然最好也提到ES6的模板字符串(在2011年不存在)。我们确实应该能够wiki劫持旧问题以使它们保持更新。:\
凯尔·贝克

1
@FelixKling,既然您已被接受,那么您是否可以更新自己的答案以指出其他正确用法?
凯尔·贝克

1
很好,模板字面量不是一回事
宣传者

使用“参数”时出现问题。当多个客户端通过解析时,“ str”被混淆了。有什么解释吗?
tspentzas

404

通过Node.js v4,您可以使用ES6的模板字符串

var my_name = 'John';
var s = `hello ${my_name}, how are you doing`;
console.log(s); // prints hello John, how are you doing

您需要将字符串包装在反引号内,` 而不是'


1
加1因为我们在2017年,并且ES6在节点世界中基本上是标准的。
Jankapunkt

1
这是现在(2017年)的正确答案。请注意,您的工具链中将需要Babel才能支持较旧的浏览器。
superluminary

3
我已经向node.js开发人员建议,在诸如nodejs.org/api/readline.html之类的页面上明确指出它确实是一个隐喻是非常有用的。这里有一个问题:github.com/nodejs/docs/issues/55
Gail Foad

倒退让自己陷井,感谢您的评论;)
Overdrivr

3
如果我的字符串是配置文件的一部分,hello ${my_name}, how are you doing并且我想从config读取字符串后动态分配变量,该怎么办?
Amreesh Tyagi,


43

截至目前,node.js >4.0它与ES6标准更加兼容,该标准极大地改善了字符串操作。

原始问题的答案可以很简单:

var s = `hello ${my_name}, how are you doing`;
// note: tilt ` instead of single quote '

在字符串可以散布多行的地方,它使模板或HTML / XML处理变得非常容易。更多细节和更多功能:模板文字是 mozilla.org 上的字符串文字


3
您可能节省的日子是“倾斜`而不是单引号':)
Mario Binder

40

util.format执行此操作。

它是v0.5.3的一部分,可以这样使用:

var uri = util.format('http%s://%s%s', 
      (useSSL?'s':''), apiBase, path||'/');

3
很好,谢谢小费!console.log('%s',value)也应该起作用。
Azat

14

去做:

s = 'hello ' + my_name + ', how are you doing'

更新资料

使用ES6,您还可以执行以下操作:

s = `hello ${my_name}, how are you doing`

您是什么意思“不可能”?:?如果您希望格式化文本,可以按照Felix Kling的说明进行操作。正如我在这里看到的那样,这是最好的答案;):)
Merianos Nikos 2011年

@TIMEX可以尝试一下。
dev_khan

5

扩展String.prototype或使用ES2015 模板文字的几种方法。

var result = document.querySelector('#result');
// -----------------------------------------------------------------------------------
// Classic
String.prototype.format = String.prototype.format ||
  function () {
    var args = Array.prototype.slice.call(arguments);
    var replacer = function (a){return args[a.substr(1)-1];};
    return this.replace(/(\$\d+)/gm, replacer)
};
result.textContent = 
  'hello $1, $2'.format('[world]', '[how are you?]');

// ES2015#1
'use strict'
String.prototype.format2 = String.prototype.format2 ||
  function(...merge) { return this.replace(/\$\d+/g, r => merge[r.slice(1)-1]); };
result.textContent += '\nHi there $1, $2'.format2('[sir]', '[I\'m fine, thnx]');

// ES2015#2: template literal
var merge = ['[good]', '[know]'];
result.textContent += `\nOk, ${merge[0]} to ${merge[1]}`;
<pre id="result"></pre>




3

const format = (...args) => args.shift().replace(/%([jsd])/g, x => x === '%j' ? JSON.stringify(args.shift()) : args.shift())

const name = 'Csaba'
const formatted = format('Hi %s, today is %s and your data is %j', name, Date(), {data: {country: 'Hungary', city: 'Budapest'}})

console.log(formatted)


3

我写了一个函数来精确地解决问题。

第一个参数是要参数化的字符串。您应该将变量放在字符串中,例如“%s1,%s2,...%s12”格式。

其他参数分别是该字符串的参数。

/***
 * @example parameterizedString("my name is %s1 and surname is %s2", "John", "Doe");
 * @return "my name is John and surname is Doe"
 *
 * @firstArgument {String} like "my name is %s1 and surname is %s2"
 * @otherArguments {String | Number}
 * @returns {String}
 */
const parameterizedString = (...args) => {
  const str = args[0];
  const params = args.filter((arg, index) => index !== 0);
  if (!str) return "";
  return str.replace(/%s[0-9]+/g, matchedStr => {
    const variableIndex = matchedStr.replace("%s", "") - 1;
    return params[variableIndex];
  });
}

例子

parameterizedString("my name is %s1 and surname is %s2", "John", "Doe");
// returns "my name is John and surname is Doe"

parameterizedString("this%s1 %s2 %s3", " method", "sooo", "goood");
// returns "this method sooo goood"

如果该字符串中的变量位置发生变化,则此函数也支持它,而无需更改函数参数。

parameterizedString("i have %s2 %s1 and %s4 %s3.", "books", 5, "pencils", "6");
// returns "i have 5 books and 6 pencils."

2
var user = "your name";
var s = 'hello ' + user + ', how are you doing';

我看到一些问题;它使用级联而不是字符串格式,这对我来说是代码检查时的一个红旗,因为通常更难于阅读和维护。同样,您不能安全地将该“模式”存储在检索系统(例如配置文件或DB)中,并在以后注入用户值。
罗里·布朗

1

这是Node.js中的多行字符串文字示例。

> let name = 'Fred'
> tm = `Dear ${name},
... This is to inform you, ${name}, that you are
... IN VIOLATION of Penal Code 64.302-4.
... Surrender yourself IMMEDIATELY!
... THIS MEANS YOU, ${name}!!!
...
... `
'Dear Fred,\nThis is to inform you, Fred, that you are\nIN VIOLATION of Penal Code 64.302-4.\nSurrender yourself IMMEDIATELY!\nTHIS MEANS YOU, Fred!!!\n\n'
console.log(tm)
Dear Fred,
This is to inform you, Fred, that you are
IN VIOLATION of Penal Code 64.302-4.
Surrender yourself IMMEDIATELY!
THIS MEANS YOU, Fred!!!


undefined
>

它被称为模板字符串,您可能只想对此现有答案进行
投票

我展示的这个“模板字符串”示例是一个使用多行字符串文字的“模板字符串”。
爱与和平-乔Codeswell
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.