Как мне поместить переменные в строки javascript?


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

Вот как вы это делаете в Python. Как это сделать в javascript / node.js?


1
Я уверен, что где-то был var s = 'hello ${my_name}, how are you doing';
найден

1
Я использую, как сказал Рейнос: const poem = "Черная река"; const author = "Джозеф Тролль"; const favePoem = `Мое любимое стихотворение - $ {poem} от $ {author} \.`; Или вы можете использовать: console.log ('% s is% d.', 'Eleven', 11);
Gilberto B. Terra Jr.

Обычные шаблоны доступны уже много лет, НО ВЫ ДОЛЖНЫ ИСПОЛЬЗОВАТЬ ОТВЕТЫ stackoverflow.com/a/37245773/294884 stackoverflow.com/a/37245773/294884 stackoverflow.com/a/37245773/294884 stackoverflow.com/a/37245773/294884
Fattie

Ответы:


58

Обратите внимание, что с 2015 года для создания шаблонов используйте только обратные кавычки.

https://stackoverflow.com/a/37245773/294884

let a = `hello ${name}`    // NOTE!!!!!!!! ` not ' or "

Обратите внимание, что это обратная кавычка, а не цитата.


Если вы хотите иметь что-то подобное, вы можете создать функцию:

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 (), должен быть принятым ответом ... хотя желательно также упомянуть строки шаблона ES6 (которые, по общему признанию, не существовали в 2011 году). Мы действительно должны иметь возможность взламывать старые вопросы, чтобы держать их в курсе. : \
Kyle Baker

1
@FelixKling, поскольку вы - принятый ответ, не могли бы вы просто обновить свой собственный ответ, чтобы указать на другие правильные способы использования?
Кайл Бейкер

1
Это хорошо, шаблонные литералы - не совсем то же самое
Capuchin

У меня возникла проблема с использованием «аргументов». Когда от синтаксического анализа прошло несколько клиентов, "str" ​​перепуталась. Любое объяснение?
tspentzas

419

С 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
Гейл Фоад

Попался на ловушку с обратными кавычками, спасибо за комментарий;)
Overdrivr

3
Что делать, если моя строка является частью файла конфигурации, hello ${my_name}, how are you doingи я хочу динамически назначать переменную после чтения строки из конфигурации?
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
«наклон« вместо одинарной кавычки »» вы спасете
Марио Биндер

40

util.format делает это.

Он будет частью v0.5.3 и может использоваться следующим образом:

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

3
Отлично, спасибо за подсказку! console.log ('% s', value) также должен работать.
Азат

16

Сделай это:

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

Обновить

С ES6 вы также можете сделать это:

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

Что значит «это невозможно»? :? Если вам нравится форматированный текст, вы можете сделать это, как описано выше Феликсом Клингом. Это лучший ответ, который я вижу здесь;) :)
KodeFor.Me

@TIMEX Можно просто попробовать.
dev_khan 02

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>



4

Я написал функцию, которая точно решает проблему.

Первый аргумент - это строка, которую нужно параметризовать. Вы должны поместить свои переменные в эту строку в таком формате: "% 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."

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)


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

Я вижу в этом пару проблем; он использует конкатенацию, а не форматирование строк, что является для меня красным флагом при проверке кода, поскольку обычно его труднее читать и поддерживать. Также вы не можете безопасно сохранить этот «шаблон» в поисковой системе (например, в файле конфигурации или БД) и ввести значение пользователя позже.
Рори Браун

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
>

Это называется строкой шаблона , и вы можете просто проголосовать за этот существующий ответ
Берги

Этот пример "строки шаблона", который я показал, ЯВЛЯЕТСЯ "строкой шаблона", в которой используется многострочный строковый литерал.
Любовь и мир - Джо Кодсуэлл
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.