कैसे जावास्क्रिप्ट में तार में चर अंतर्वेशन को, संयोजन के बिना?

Question

मैं जानता हूँ कि PHP में हम कुछ इस तरह कर सकते हैं:

$hello = "foo"; 
$my_string = "I pity the $hello"; 

आउटपुट: "I pity the foo"

मैं अगर यह एक ही बात के साथ-जावास्क्रिप्ट में संभव है सोच रहा था। संयोजन का उपयोग किए बिना तार के अंदर चर का उपयोग करना - यह अधिक संक्षिप्त और लिखने के लिए सुरुचिपूर्ण लग रहा है।

Answer 1

फ़ायरफ़ॉक्स 34/क्रोम 41/सफारी से शुरू करने के लिए आवश्यक लिख सकता है, esp सामान्य नहीं है 9/माइक्रोसॉफ्ट एज आप एक ES2015/ES6 सुविधा Template Literals कहा जाता है का उपयोग करें और इस वाक्य विन्यास का उपयोग कर सकते हैं:

`String text ${expression}` 

खाका शाब्दिक वापस टिक (``) (कब्र लहजे) के बजाय डबल या एकल कोट्स में रहे हैं।

उदाहरण:

var a = 5; 
var b = 10; 
console.log(`Fifteen is ${a + b}.`); 
// "Fifteen is 15. 

कि कैसे साफ है?

बोनस:

यह भी बहु लाइन स्ट्रिंग्स के लिए जावास्क्रिप्ट में भागने के बिना, की अनुमति देता है टेम्पलेट्स के लिए अच्छा है:

return ` 
    <div class="${foo}"> 
     ... 
    </div> 
`; 

Browser support:

इस वाक्य रचना है पुराने ब्राउज़र (इंटरनेट एक्सप्लोरर और सफारी < = 8) द्वारा समर्थित नहीं है, तो आपउपयोग कर सकते हैं 0 ES5 में अपने कोड transpile करने के लिए इसे हर जगह चला जाएगा सुनिश्चित करने के लिए।

---

साइड नोट:

IE8 से शुरू + आप बुनियादी स्ट्रिंग console.log अंदर स्वरूपण का उपयोग कर सकते हैं:

console.log('%s is %d.', 'Fifteen', 15); 
// Fifteen is 15. 

Answer 2

Prior to फ़ायरफ़ॉक्स 34/क्रोम 41/सफारी 9/माइक्रोसॉफ्ट एज, नहीं, कि संभव नहीं जावास्क्रिप्ट में था।

var hello = "foo"; 
var my_string = "I pity the " + hello; 

Answer 3

Prior to फ़ायरफ़ॉक्स 34/क्रोम 41/सफारी 9/माइक्रोसॉफ्ट एज, कोई: आप का सहारा लेना होगा। यद्यपि आप sprintf for JavaScript की कोशिश कर सकते आधे रास्ते वहाँ पहुँचने के लिए:

var hello = "foo"; 
var my_string = sprintf("I pity the %s", hello); 

Answer 4

आप microtemplating के लिए प्रक्षेप करने का प्रयास कर रहे हैं, मुझे लगता है कि इस प्रयोजन के लिए Mustache.js पसंद है।

Answer 5

अच्छी तरह से आप यह कर सकते हैं, लेकिन यह

'I pity the $fool'.replace('$fool', 'fool') 

आप आसानी से एक समारोह है कि इस समझदारी से करता है यदि आप वास्तव में

Answer 6

तुम कर सकते हो तुम CoffeeScript लिखना पसंद हैं:

hello = "foo" 
my_string = "I pity the #{hello}" 

कॉफीस्क्रिप्ट वास्तव में जावस्क है रिप्ट, लेकिन एक बेहतर वाक्यविन्यास के साथ।

कॉफीस्क्रिप्ट के एक सिंहावलोकन के लिए यह beginner's guide देखें।

Answer 7

आप इस जावास्क्रिप्ट फ़ंक्शन का उपयोग इस प्रकार के टेम्पलेटिंग के लिए कर सकते हैं। पूरी लाइब्रेरी को शामिल करने की आवश्यकता नहीं है।

function createStringFromTemplate(template, variables) { 
    return template.replace(new RegExp("\{([^\{]+)\}", "g"), function(_unused, varName){ 
     return variables[varName]; 
    }); 
} 

createStringFromTemplate(
    "I would like to receive email updates from {list_name} {var1} {var2} {var3}.", 
    { 
     list_name : "this store", 
     var1  : "FOO", 
     var2  : "BAR", 
     var3  : "BAZ" 
    } 
); 

आउटपुट: "I would like to receive email updates from this store FOO BAR BAZ."

String.replace() फ़ंक्शन करने के लिए एक तर्क के रूप में एक समारोह का उपयोग करना ECMAScript v3 कल्पना का हिस्सा था। अधिक जानकारी के लिए this SO answer देखें।

Answer 8

पूरा जवाब है, तैयार इस्तेमाल किया जा:

var Strings = { 
     create : (function() { 
       var regexp = /{([^{]+)}/g; 

       return function(str, o) { 
        return str.replace(regexp, function(ignore, key){ 
          return (key = o[key]) == null ? '' : key; 
        }); 
       } 
     })() 
}; 

कॉल के रूप में

Strings.create("My firstname is {first}, my last name is {last}", {first:'Neo', last:'Andersson'}); 

यह संलग्न करने के लिए String.prototype रहे हैं:

String.prototype.create = function(o) { 
      return Strings.create(this, o); 
} 

तब के रूप में उपयोग:

"My firstname is ${first}".create({first:'Neo'}); 

Answer 9

मैं इस NPM पैकेज stringinject https://www.npmjs.com/package/stringinject जो आप निम्नलिखित

var string = stringInject("this is a {0} string for {1}", ["test", "stringInject"]); 

जो बदल देगा {0} और {1} सरणी आइटम के साथ और वापसी निम्न स्ट्रिंग

"this is a test string for stringInject" 

करने की अनुमति देता लिखा था

या तुम इतनी तरह और वस्तु कुंजी के साथ प्लेसहोल्डर मूल्यों की जगह सकता है:

var str = stringInject("My username is {username} on {platform}", { username: "tjcafferkey", platform: "GitHub" }); 

"My username is tjcafferkey on Github" 

Answer 10

ठीक है, आप this is ${variable} का उपयोग कर सकते हैं या आप "this is "+variable का उपयोग कर सकते हैं इन दोनों में से अच्छी तरह से काम करते हैं।

इसके अलावा टिल्डा (``) के बजाय "की this is ${variable} या 'चारों ओर कुंजी