blocks|key|537960|text|执行此操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|537961|s+=+'hello+'+%2B+my_name+%2B+',+how+are+you+doing'|code-block|syntax|javascript|537962|更新|537963|使用ES6，您还可以这样做：|537964|s+=+`hello+${my_name},+how+are+you+doing`|537965|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Do that:</p>
<pre><code>s = 'hello ' + my_name + ', how are you doing'
</code></pre>
<h2>Update</h2>
<p>With ES6, you could also do this:</p>
<pre><code>s = `hello ${my_name}, how are you doing`
</code></pre>


blocks|key|537983|text|var+user+=+"your+name";
var+s+=+'hello+'+%2B+user+%2B+',+how+are+you+doing';|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|537984|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var user = "your name";
var s = 'hello ' + user + ', how are you doing';
</code></pre>


blocks|key|754532|text|尝试sprintf+in+JS，或者您可以使用此gist|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|754533|entityMap|0|LINK|mutability|MUTABLE|url|http://www.diveintojavascript.com/projects/javascript-sprintf|1|https://gist.github.com/1138843/a30bb8009a7a2a24ddcaf19c44d0f983d50613c7^0|2|D|0|O|4|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

<p>Try <a href="http://www.diveintojavascript.com/projects/javascript-sprintf" rel="nofollow">sprintf in JS</a>
 or you could use this <a href="https://gist.github.com/1138843/a30bb8009a7a2a24ddcaf19c44d0f983d50613c7" rel="nofollow">gist</a></p>


blocks|key|754582|text|扩展String.prototype或使用ES2015+template+literals的几种方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|754583|​|754584|var+result+=+document.querySelector('#result');
//+-----------------------------------------------------------------------------------
//+Classic
String.prototype.format+=+String.prototype.format+%7C%7C
++function+()+{
++++var+args+=+Array.prototype.slice.call(arguments);
++++var+replacer+=+function+(a){return+args[a.substr(1)-1];};
++++return+this.replace(/(\$\d%2B)/gm,+replacer)
};
result.textContent+=+
++'hello+$1,+$2'.format('[world]',+'[how+are+you?]');

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

//+ES2015#2:+template+literal
var+merge+=+['[good]',+'[know]'];
result.textContent+%2B=+`\nOk,+${merge[0]}+to+${merge[1]}`;|code-block|syntax|javascript|754585|<pre+id="result"></pre>|754586|754587|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals^0|2|G|S|H|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@$9|10|A|11|1|12]]|E|$]]|$1|F|3|G|5|6|7|13|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|14|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|16|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]]]

<p>A few ways to extend <code>String.prototype</code>, or use ES2015 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals" rel="nofollow">template literals</a>.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>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 =&gt; 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]}`;</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;pre id="result"&gt;&lt;/pre&gt;</code></pre>
</div>
</div>
</p>


blocks|key|538132|text|如果您使用的是node.js，console.log()会将格式字符串作为第一个参数：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|538133|+console.log('count:+%25d',+count);|code-block|syntax|javascript|538134|entityMap|0|LINK|mutability|MUTABLE|url|http://nodejs.org/docs/v0.5.9/api/all.html#console.log^0|F|D|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>If you are using node.js, <a href="http://nodejs.org/docs/v0.5.9/api/all.html#console.log" rel="nofollow">console.log()</a> takes format string as a first parameter:</p>

<pre><code> console.log('count: %d', count);
</code></pre>


blocks|key|754733|text|util.format可以做到这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|754734|它将成为v0.5.3的一部分，可以像这样使用：|754735|var+uri+=+util.format('http%25s://%25s%25s',+
++++++(useSSL?'s':''),+apiBase,+path%7C%7C'/');|code-block|syntax|javascript|754736|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/joyent/node/commit/874260b40fefc03aec7638a736b004b3ca0c23f3#lib/util.js|1|https://github.com/joyent/node/zipball/v0.5.3^0|0|B|0|0|4|6|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

<p><a href="https://github.com/joyent/node/commit/874260b40fefc03aec7638a736b004b3ca0c23f3#lib/util.js" rel="noreferrer">util.format</a> does this. </p>

<p>It will be part of <a href="https://github.com/joyent/node/zipball/v0.5.3" rel="noreferrer">v0.5.3</a> and can be used like this:</p>

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


blocks|key|538261|text|通过Node.js+v4，您可以使用ES6的Template+strings|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|538262|var+my_name+=+'John';
var+s+=+`hello+${my_name},+how+are+you+doing`;
console.log(s);+//+prints+hello+John,+how+are+you+doing|code-block|syntax|javascript|538263|您需要将字符串放在反引号`中，而不是'中|538264|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings^0|A|2|M|G|0|0|0|C|1|I|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

<p>With Node.js <code>v4</code> , you can use ES6's <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings">Template strings</a></p>

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

<p>You need to wrap string within backtick <code>`</code>
 instead of <code>'</code></p>


blocks|key|538274|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|538275|const+format+=+(...args)+=>+args.shift().replace(/%25([jsd])/g,+x+=>+x+===+'%25j'+?+JSON.stringify(args.shift())+:+args.shift())

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

console.log(formatted)|code-block|syntax|javascript|538276|538277|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const format = (...args) =&gt; args.shift().replace(/%([jsd])/g, x =&gt; 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)</code></pre>
</div>
</div>
</p>


blocks|key|754828|text|如果您使用的是ES6，则应使用模板文字。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|754829|//you+can+do+this
let+sentence+=+`My+name+is+${+user.name+}.+Nice+to+meet+you.`|code-block|syntax|javascript|754830|点击此处阅读更多信息：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals|offset|length|754831|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals^0|0|0|B|2B|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>if you are using ES6, the you should use the Template literals.</p>

<pre><code>//you can do this
let sentence = `My name is ${ user.name }. Nice to meet you.`
</code></pre>

<p>read more here:
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals" rel="noreferrer">https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals</a></p>


blocks|key|538338|text|var+print+=+console.log;

function+dformat(str,+...arr)+{
++return+str.replace(/%25(\d%2B)/g,+function(_,i)+{
++++return+arr[--i];
++});
}

function+wformat(str,+dict)+{
++return+str.replace(/%25(\w%2B)/g,+function(_,k)+{
++++return+dict[k];
++});
}

function+sformat(str,+dict)+{
++return+str.replace(/\$(\w%2B)/g,+function(_,m)+{
++++return+dict[m];
++});
}

function+tformat(str,+dict)+{
++return+str.replace(/\${(\w%2B)}/g,+function(_,m)+{
++++return+dict[m];
++});
}

print(1,+dformat("uid:%251,+name:%252",+120,+"someone")+)
print(2,+wformat("color:+%25name",+{name:+"green"})+++)
print(3,+sformat("img:+$url",+{url:+"#"})+++)
print(4,+tformat("${left}+${right}",+{right:"1000",+left:+"7fff"})+)|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|538339|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var print = console.log;

function dformat(str, ...arr) {
  return str.replace(/%(\d+)/g, function(_,i) {
    return arr[--i];
  });
}

function wformat(str, dict) {
  return str.replace(/%(\w+)/g, function(_,k) {
    return dict[k];
  });
}

function sformat(str, dict) {
  return str.replace(/\$(\w+)/g, function(_,m) {
    return dict[m];
  });
}

function tformat(str, dict) {
  return str.replace(/\${(\w+)}/g, function(_,m) {
    return dict[m];
  });
}

print(1, dformat(&quot;uid:%1, name:%2&quot;, 120, &quot;someone&quot;) )
print(2, wformat(&quot;color: %name&quot;, {name: &quot;green&quot;})   )
print(3, sformat(&quot;img: $url&quot;, {url: &quot;#&quot;})   )
print(4, tformat(&quot;${left} ${right}&quot;, {right:&quot;1000&quot;, left: &quot;7fff&quot;}) )
</code></pre>


<pre><code>s = 'hello %s, how are you doing' % (my_name)
</code></pre>

<p>That's how you do it in python. How can you do that in javascript/node.js?</p>


How do I put variables inside javascript strings?

JSON

s = 'hello %s, how are you doing' % (my_name)这就是在python中实现的方法。如何在javascript/node.js中做到这一点呢？

问如何将变量放入javascript字符串中？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将变量放入javascript字符串中？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将变量放入javascript字符串中？
EN