JavaScript में दो या अधिक स्ट्रिंग्स को कैसे जोड़ें

JavaScript से दो या अधिक स्ट्रिंग्स को जोड़ना सीखें।

JavaScript में दो या अधिक स्ट्रिंग्स को एक साथ जोड़ने के विभिन्न मेथड्स हैं, जिनमें प्लस ऑपरेटर +, प्लस इक्वल्स += ऑपरेटर, और concat() शामिल हैं।

नोट: + और += को असाइनमेंट ऑपरेटर्स के रूप में जाना जाता है।

आइए सभी तीनों को आजमाएं!

प्लस ऑपरेटर (+)

मान लीजिए आपके पास दो वेरिएबल्स हैं, जिन्हें firstName और lastName कहा जाता है, और आप उन वेरिएबल्स के संयुक्त वैल्यू को तीसरे वेरिएबल, जिसे fullName कहा जाता है, को असाइन करना चाहते हैं। आप ऐसा इस तरह कर सकते हैं:

const firstName = "Steve" 
const lastName = "Jobs" 
const fullName = firstName + lastName 
console.log(fullName) // SteveJobs

सेपरेशन (स्पेस) जोड़ें

fullName स्ट्रिंग वैल्यू को अधिक पठनीय बनाने के लिए, आइए Steve और Jobs के बीच एक स्पेस जोड़ें। हम पहले वाले कोड का पुन: उपयोग करेंगे, लेकिन इस बार हम बीच में एक सेपरेटर जोड़ते हैं + '' +, जैसे:

const firstName = "Steve" 
const lastName = "Jobs" 
const fullName = firstName + " " + lastName 
console.log(fullName) // Steve Jobs

नोट: आप सेपरेटर को "Steve " के बाद स्पेस जोड़कर या " Jobs" से पहले जोड़कर भी जोड़ सकते हैं लेकिन यदि आप firstName या lastName वेरिएबल्स को अपने प्रोजेक्ट में अलग संदर्भ में उपयोग करने की योजना बना रहे हैं तो इससे अन्य फॉर्मेटिंग समस्याएं हो सकती हैं। इसलिए मैं उस दृष्टिकोण की अनुशंसा नहीं करता।

प्लस इक्वल्स ऑपरेटर (+=)

यदि किसी भी कारण से आप नया वेरिएबल (fullName) नहीं बनाना चाहते हैं, तो आप lastName वेरिएबल को firstName को प्लस इक्वल्स ऑपरेटर += का उपयोग करके असाइन कर सकते हैं:

console.log((firstName += lastName)) // SteveJobs

हालांकि, जैसा कि आप देख सकते हैं, अब हमें फिर से सेपरेटर की आवश्यकता है। += ऑपरेटर के साथ कई वैल्यूज़ जोड़ने के लिए आप सोच सकते हैं कि यह संभव है:

firstName += " " += lastName

लेकिन यह आपको एरर देगा:

Uncaught SyntaxError: Invalid left-hand side in assignment

इसके बजाय आपको वैल्यूज़ को अलग लाइन्स पर संयोजित करने की आवश्यकता है। पहले स्पेस सेपरेटर को firstName असाइन करें, और फिर बाद में lastName को firstName असाइन करें:

let firstName = "Steve" 
let lastName = "Jobs" 
// पहले सेपरेटर वैल्यू असाइन करें 
firstName += " " 
// फिर लास्ट नेम असाइन करें 
firstName += lastName 
// परिणाम: Steve Jobs

concat() मेथड

आप JavaScript के concat() मेथड का उपयोग करके भी स्ट्रिंग्स को जोड़ सकते हैं:

let firstName = "Steve" 
let lastName = "Jobs" 
const fullName = firstName.concat(lastName) 
console.log(fullName) // SteveJobs

एक बार फिर, हमें सेपरेटर की आवश्यकता है। यह concat() के साथ सीधा है। बस एक स्पेस स्ट्रिंग और कॉमा के साथ जोड़ें, उसके बाद lastName वेरिएबल:

const fullName = firstName.concat(" ", lastName) 
console.log(fullName) // Steve Jobs

स्ट्रिंग्स जोड़ने के लिए आपको किस मेथड का उपयोग करना चाहिए?

परफॉरमेंस कारणों से, Mozilla और कई अन्य विश्वसनीय JS स्रोत जब भी संभव हो + या += का उपयोग करने की दृढ़ता से अनुशंसा करते हैं।

जैसा कि यह JSPerf टेस्ट केस दिखाता है, concat() जैसे स्ट्रिंग ऑब्जेक्ट्स JavaScript इंटरप्रेटर (जो आपके ब्राउज़र में चलता है) के लिए स्ट्रिंग प्रिमिटिव्स जैसे + और += की तुलना में बहुत धीमे हैं: