Jak umieścić zmienne w ciągach javascript? (Node.js)


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

Tak to się robi w Pythonie. Jak możesz to zrobić w javascript / node.js?


1
Jestem pewien, że był gdzieś es-next strawman do zrobieniavar s = 'hello ${my_name}, how are you doing';
Raynos,

1
Używam, jak powiedział Raynos: const poem = "Czarna rzeka"; const author = "Joseph Troll"; const favePoem = `Mój ulubiony wiersz to $ {poem} autorstwa $ {autor} \.`; Możesz też użyć: console.log ('% s to% d.', 'Eleven', 11);
Gilberto B. Terra Jr.

Odpowiedzi:


56

Jeśli chcesz mieć coś podobnego, możesz stworzyć funkcję:

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

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

Stosowanie:

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

To jest tylko prosty przykład i nie uwzględnia różnych typów danych (takich jak %iitp.) Ani unikania %s. Ale mam nadzieję, że da ci to jakiś pomysł. Jestem prawie pewien, że istnieją również biblioteki, które zapewniają taką funkcję.


1
To w zasadzie najlepsze, co otrzymasz, ponieważ nie jest obsługiwane bezpośrednio przez język, tak jak w Pythonie.
Jim Schubert,

Druga odpowiedź, która zawiera funkcję util.format (), powinna być zaakceptowaną odpowiedzią ... chociaż najlepiej byłoby również wspomnieć o ciągach szablonów ES6 (które wprawdzie nie istniały w 2011 roku). Naprawdę powinniśmy być w stanie przechwytywać stare pytania wiki, aby je aktualizować. : \
Kyle Baker

1
@FelixKling, skoro jesteś zaakceptowaną odpowiedzią, czy mógłbyś zaktualizować własną odpowiedź, aby wskazać inne poprawne zastosowania?
Kyle Baker

1
To miłe, literały szablonów nie są dokładnie tym samym
thevangelist

Miałem problem podczas używania „argumentów”. Kiedy wielu klientów przechodziło z parsowania, „str” było pomieszane. Jakieś wyjaśnienie?
tspentzas

405

W przypadku Node.js v4możesz używać ciągów szablonów ES6

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

Musisz zawijać ciąg w backtick ` zamiast'


1
Plus 1 Ponieważ jesteśmy w 2017 roku, a ES6 jest w zasadzie standardem w świecie węzłów.
Jankapunkt

1
To jest teraz (2017) poprawna odpowiedź. Pamiętaj, że do obsługi starszych przeglądarek będziesz potrzebować Babel w swoim łańcuchu narzędzi.
superluminary

3
Zasugerowałem programistom node.js, że byłoby naprawdę przydatne wyjaśnienie tego na stronach takich jak nodejs.org/api/readline.html , że jest to lewy przycisk. Wystąpił problem z tym tutaj: github.com/nodejs/docs/issues/55
Gail Foad

Sam wpadłem w pułapkę z lewymi lewami, dzięki za komentarz;)
Overdrivr

3
Co jeśli mój ciąg jest częścią pliku konfiguracyjnego hello ${my_name}, how are you doingi chcę przypisać zmienną dynamicznie po odczytaniu ciągu z config?
Amreesh Tyagi,


43

Stan na dzień node.js >4.0 temu staje się bardziej kompatybilny ze standardem ES6, gdzie manipulacja strunami znacznie się poprawiła.

odpowiedź do pierwotnego pytania może być tak proste, jak:

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

Tam, gdzie ciąg może rozłożyć wiele linii, sprawia, że ​​szablony lub procesy HTML / XML są dość łatwe. Więcej szczegółów i więcej informacji na ten temat: Literały szablonów są literałami tekstowymi na mozilla.org.


3
"tilt" zamiast pojedynczego cudzysłowu "oszczędzasz majowy dzień :)
Mario Binder

40

util.format to robi.

Będzie częścią v0.5.3 i można go używać w następujący sposób:

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

3
Świetnie, dzięki za cynk! console.log ('% s', wartość) również powinno działać.
Azat

14

Zrób to:

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

Aktualizacja

Dzięki ES6 możesz również zrobić to:

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

Co masz na myśli mówiąc „To niemożliwe”? :? Jeśli chcesz mieć sformatowany tekst, możesz to zrobić w sposób opisany powyżej przez Felixa Klinga. To najlepsza odpowiedź, jaką widzę tutaj;) :)
Merianos Nikos

@TIMEX Możesz po prostu spróbować.
dev_khan,

5

Kilka sposobów na rozszerzenie String.prototypelub użycie literałów szablonu 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

Jeśli używasz node.js, console.log () przyjmuje ciąg formatu jako pierwszy parametr:

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

To dobra uwaga, ale pytanie dotyczy interpolacji ciągów. console.log()wyprowadza tylko sformatowany ciąg do STDOUT. Innymi słowy, nie możesz użyć wynikucount: %d
Jim Schubert

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

Napisałem funkcję, która precyzyjnie rozwiązuje problem.

Pierwszy argument to łańcuch, który chciał zostać sparametryzowany. Powinieneś umieścić swoje zmienne w tym ciągu w tym formacie "% s1,% s2, ...% s12" .

Inne argumenty to parametry odpowiednio dla tego ciągu.

/***
 * @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];
  });
}

Przykłady

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"

Jeśli zmienna pozycja zmieni się w tym ciągu, ta funkcja również ją obsługuje bez zmiany parametrów funkcji.

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

Widzę z tym kilka problemów; używa konkatenacji zamiast formatowania ciągów, co jest dla mnie czerwoną flagą podczas sprawdzania kodu, ponieważ zwykle jest trudniejsze do odczytania i utrzymania. Nie możesz też bezpiecznie przechowywać tego „wzorca” w systemie pobierania (takim jak plik konfiguracyjny lub DB) i później wprowadzić wartość użytkownika.
Rory Browne

1

Oto kilka linii String Dosłowne przykład w 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
>

Nazywa się to ciągiem szablonów i możesz chcieć po prostu zagłosować za tą istniejącą odpowiedzią
Bergi

Ten przykład „ciągu szablonu”, który pokazałem, JEST „ciągiem szablonu”, który używa wieloliniowego literału ciągu.
Miłość i pokój - Joe Codeswell
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.