Як розмістити змінні всередині рядків javascript? (Node.js)


146
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 -% d.', 'Одинадцять', 11);
Гілберто Б. Тера-молодший

Відповіді:


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

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

1
Це добре,
буквальні

У мене виникла проблема під час використання "аргументів". Коли декілька клієнтів перейшли з розбору, "str" ​​змішався. Будь-яке пояснення?
tspentzas

406

За допомогою 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

Вам потрібно загорнути рядок у backtick ` замість'


1
Плюс 1 Оскільки ми в 2017 році, а ES6 в основному стандарт у світі вузлів.
Jankapunkt

1
Це зараз (2017) правильна відповідь. Майте на увазі, що Babel вам знадобиться у вашій інструментальній мережі для підтримки старих браузерів.
суперлюмінація

3
Я підказав розробникам node.js, що було б дуже корисно уточнити на таких сторінках, як nodejs.org/api/readline.html, що це зворотній зв'язок. Тут виникла проблема: github.com/nodejs/docs/isissue/55
Gail Foad

Впав у пастку за задніми списками, дякую за коментар;)
Overdrivr

3
Що робити, якщо мій рядок є частиною файла конфігурації, hello ${my_name}, how are you doingі я хочу призначити змінну динамічно після зчитування рядка з конфігурації?
Amreesh Tiagi


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
"tilt` замість однієї цитати "" Ви можете заощадити день :)
Mario Binder

40

util.format робить це.

Він буде частиною v0.5.3 і може використовуватися так:

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

3
Приємно, дякую за пораду! console.log ('% s', значення) також повинен працювати.
Азат

14

Зробити це:

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

Оновлення

За допомогою ES6 ви також можете це зробити:

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

Що ви маєте на увазі "Це неможливо"? :? Якщо вам подобається форматувати текст, ви можете зробити це, як описано вище Фелікс Клінг. Це найкраща відповідь, яку я бачу тут;) :)
Меріанос Нікос

@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

Якщо ви використовуєте 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';

Я бачу пару проблем з цим; він використовує конкатенацію, а не форматування рядків, що для мене є червоним прапором при перегляді коду, оскільки зазвичай важче читати та підтримувати. Крім того, ви не можете безпечно зберігати цей "візерунок" у системі пошуку (наприклад, конфігураційний файл або БД) і вводити пізніше значення користувача.
Рорі Браун

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.