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';
Raynos

1
レイノスが言ったように私は使用します。const author = "Joseph Troll"; const favePoem = `私の好きな詩は$ {poem} by $ {author} \。`; または、次を使用できます:console.log( '%s is%d。'、 'Eleven'、11);
Gilberto B. Terra Jr.

回答:


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のように言語によって直接サポートされていないため、基本的にはこれが最良です。
ジムシューベルト、

util.format()を特徴とするもう1つの答えは、受け入れられる答えになるはずですが、できればES6のテンプレート文字列(2011年には存在しなかったことは確かです)についても言及するのが望ましいでしょう。古い質問をwikiハイジャックして、最新の状態に保つことができるはずです。:\
Kyle Baker

1
@FelixKling、あなたは受け入れられた答えなので、他の正しい使用法を指摘するためにあなた自身の答えを更新できますか?
カイルベイカー

1
これはいいことです。テンプレートのリテラルはまったく同じではありません
伝道者

「引数」の使用中に問題が発生しました。複数のクライアントが解析から渡されると、「str」が混同されました。説明はありますか?
tspentzas 2018年

405

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が必要になることに注意してください。
超光速

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
"シングルクォートではなくチルト` "5
マリオバインダー


14

それを行う:

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

更新

ES6では、これを行うこともできます。

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

「不可能」とはどういう意味ですか?:?書式付きテキストが必要な場合は、上記のFelix Klingの説明に従って行うことができます。これが私がここで見たときの最良の答えです;):)
Merianos Nikos '17 / 10/17

@TIMEX試してみることは可能です。
dev_khan

5

String.prototypeES2015 テンプレートリテラルを拡張または使用するいくつかの方法。

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

node.jsを使用している場合、console.log()はフォーマット文字列を最初のパラメーターとして受け取ります。

 console.log('count: %d', count);

これは良い点ですが、問題は文字列の補間についてです。console.log()フォーマットされた文字列のみをに出力しSTDOUTます。言い換えれば、あなたはその結果を使用することはできませんcount: %d
ジム・シューベルト

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など)に安全に格納して、後でユーザーの値を注入することはできません。
Rory Browne

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
>

これはテンプレート文字列と呼ばれ、この既存の回答に
Bergi

私が示したこの「テンプレート文字列」の例は、複数行の文字列リテラルを使用する「テンプレート文字列」です。
愛と平和-Joe Codeswell
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.