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

जावास्क्रिप्ट के साथ दो या दो से अधिक स्ट्रिंग्स को जोड़ने का तरीका जानें।

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

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

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

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

मान लें कि आपके पास दो चर हैं, जिन्हें firstName . कहा जाता है और lastName , और आप उन चरों के संयुक्त मान को किसी तीसरे चर को निर्दिष्ट करना चाहते हैं, जिसे fullName . कहा जाता है . आप इसे इस तरह कर सकते हैं:

const firstName = "Steve"
const lastName = "Jobs"
const fullName = firstName + lastName

console.log(fullName) // SteveJobs

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

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

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"

// First assign separator value
firstName += " "
// Then assign last name
firstName += lastName
// Result: Steve Jobs

Concat()विधि

आप JavaScripts 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 स्रोत + . का उपयोग करने की दृढ़ता से अनुशंसा करते हैं या += जब भी संभव हो।

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