เมธอด join
เมธอด join รวมองค์ประกอบของอาร์เรย์
เป็นสตริงด้วยตัวคั่นที่ระบุ (มันจะถูก
แทรกระหว่างองค์ประกอบของอาร์เรย์)
ตัวคั่นถูกกำหนดโดยพารามิเตอร์ของเมธอดและ
ไม่จำเป็นต้องระบุ หากไม่ได้ระบุ
- ตามค่าเริ่มต้นจะใช้เครื่องหมายจุลภาค
เป็นตัวคั่น หากคุณต้องการรวมองค์ประกอบอาร์เรย์
โดยไม่มีตัวคั่น - ให้ระบุเป็นสตริงว่าง
''
ไวยากรณ์
อาร์เรย์.join([ตัวคั่น]);
ตัวอย่าง
สมมติว่ามีอาร์เรย์หนึ่ง มาดูการรวม
องค์ประกอบของอาร์เรย์นี้เป็นสตริงด้วยตัวคั่น
'-':
let arr = [1, 2, 3];
let str = arr.join('-');
console.log(str);
ผลลัพธ์จากการทำงานของโค้ด:
'1-2-3'
ตัวอย่าง
คราวนี้ลองไม่ระบุตัวคั่นและ ตามค่าเริ่มต้นตัวคั่นจะเป็นเครื่องหมายจุลภาค:
let arr = [1, 2, 3];
let str = arr.join();
console.log(str);
ผลลัพธ์จากการทำงานของโค้ด:
'1,2,3'
ตัวอย่าง
ลองรวมองค์ประกอบอาร์เรย์โดยไม่มี ตัวคั่นใดๆ:
let arr = [1, 2, 3];
let str = arr.join('');
console.log(str);
ผลลัพธ์จากการทำงานของโค้ด:
'123'
ตัวอย่าง . การใช้งาน
ลองพลิกกลับตัวอักษรของสตริงในลำดับ
ย้อนกลับ ในการนี้เราจะแบ่งสตริงเป็นอาร์เรย์
โดยใช้ split
ด้วยตัวคั่น '' (ตัวคั่นนี้จะทำให้
แต่ละอักขระของสตริงกลายเป็นองค์ประกอบแยก
ของอาร์เรย์) พลิกกลับอาร์เรย์นี้ด้วย
reverse
แล้วจึงรวมอาร์เรย์ที่ถูกพลิกกลับเข้าด้วยกันอีกครั้ง
โดยใช้ join:
let str = '123456789';
let arr1 = str.split('');
let arr2 = arr1.reverse();
let res = arr2.join('');
console.log(res);
ผลลัพธ์จากการทำงานของโค้ด:
'987654321'
ตัวอย่าง . การใช้งาน
ลองทำให้การแก้ไขปัญหาก่อนหน้านี้ง่ายขึ้น - รวม คำสั่งทั้งหมดเป็นโซ่:
let str = '123456789';
let res = str.split('').reverse().join('');
console.log(res);
ผลลัพธ์จากการทำงานของโค้ด:
'987654321'
ตัวอย่าง . การใช้งาน
กำหนดวันที่ในรูปแบบ '2025-12-31'
ลองแปลงให้เป็นรูปแบบ '31.12.2025'
ในการนี้เราจะแบ่งสตริงเป็นอาร์เรย์โดยใช้
split,
พลิกกลับอาร์เรย์นี้ด้วย reverse
แล้วจึงรวมอาร์เรย์ที่ถูกพลิกกลับเข้าด้วยกันอีกครั้ง
โดยใช้ join:
let date = '2025-12-31';
let res = date.split('-').reverse().join('.');
console.log(res);
ผลลัพธ์จากการทำงานของโค้ด:
'31.12.2025'