JavaScript Array.join(): एरे को स्ट्रिंग में जोड़ें

Array.prototype.join() मेथड एरे के सभी तत्वों को एक स्ट्रिंग में जोड़ता है, वैकल्पिक सेपरेटर के साथ। डिफ़ॉल्ट सेपरेटर कॉमा (,) है। यह toString() से अधिक लचीला है।

उदाहरण

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> 
    body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; padding: 20px; } 
    .sample { font-size: 20px; font-weight: 500; } 
    button { padding: 10px 20px; background: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer; } 
</style> </head> <body> 
<h1>JavaScript Array.join() मेथड</h1> 
<div class="sample"></div> 
<button class="Btn">एरे को स्ट्रिंग में बदलें</button> 
<h3>ऊपर दिए गए बटन पर क्लिक करके एरे को स्ट्रिंग में बदलें</h3> 
<script> 
    const fillEle = document.querySelector(".sample"); 
    const arr = ["H", "E", "L", "L", "O", " ", "W", "O", "R", "L", "D"]; 
    fillEle.innerHTML = "एरे: " + arr.join(", "); 
    
    document.querySelector(".Btn").addEventListener("click", () => { 
        fillEle.innerHTML = "join('') परिणाम: " + arr.join(""); 
    }); 
</script> </body> </html>

आउटपुट

मूल एरे: H, E, L, L, O, , W, O, R, L, D

join('') परिणाम: HELLO WORLD

सिंटैक्स और उदाहरण

const arr = ["सेब", "केला", "संतरा"];

// डिफ़ॉल्ट (कॉमा)
arr.join();        // "सेब,केला,संतरा"

// कस्टम सेपरेटर
arr.join(", ");    // "सेब, केला, संतरा"
arr.join(" | ");   // "सेब | केला | संतरा"
arr.join("");      // "सेबकेलासंतरा" (कोई सेपरेटर नहीं)
arr.join("\n");    // नई लाइन सेपरेटेड

// खाली एरे
[].join("-");      // "" (खाली स्ट्रिंग)

// undefined/null तत्व
[1, undefined, 3, null].join("-"); // "1--3-" (undefined/null खाली स्ट्रिंग बनते हैं)

join() vs toString()

व्यावहारिक उपयोग

// 1. URL क्वेरी स्ट्रिंग बनाना
const params = ["name=रोहन", "age=25", "city=दिल्ली"];
const query = params.join("&"); // "name=रोहन&age=25&city=दिल्ली"

// 2. CSV लाइन बनाना
const row = ["रोहन", "25", "इंजीनियर"];
const csv = row.map(v => `"${v}"`).join(","); // "\"रोहन\",\"25\",\"इंजीनियर\""

// 3. पथ जोड़ना
const pathParts = ["home", "user", "documents"];
pathParts.join("/"); // "home/user/documents"

// 4. SQL IN क्लॉज
const ids = [1, 2, 3, 4];
const placeholders = ids.map(() => "?").join(","); // "?,?,?,?"

रिवर्स ऑपरेशन: split()

"a,b,c".split(","); // ["a", "b", "c"]
// join और split एक दूसरे के व्युत्क्रम हैं