เรียนรู้วิธีแปลงอาร์เรย์เป็นสตริงด้วย JavaScript โดยใช้สองวิธีที่แตกต่างกัน
JavaScript มีสองวิธีที่ช่วยให้คุณสามารถส่งคืนเนื้อหาอาร์เรย์เป็นสตริงได้ เรียกว่า toString() และ join() . บนพื้นผิว พวกมันดูเหมือนเกือบจะเหมือนกัน แต่อย่างที่คุณเห็น พวกมันไม่ มาทดสอบทั้งคู่กันเถอะ!
นี่คือวัตถุอาร์เรย์ที่มีรายการตัวเลข:
const numbersArray = [2, 4, 6, 8, 10]
ในการแปลงอาร์เรย์เป็นสตริง ให้ลองแนบ toString() วิธีการ numbersArray :
const numbersArray = [2, 4, 6, 8, 10]
numbersArray.toString()ตอนนี้ลองพิมพ์ผลลัพธ์:
console.log(numbersArray.toString())
// String: "2,4,6,8,10"
อย่างที่คุณเห็น toString() แปลงอาร์เรย์ตัวเลขเป็นค่าสตริงเดียวที่มีลักษณะดังนี้:
"2,4,6,8,10"แต่เดี๋ยวก่อน ช่องว่างทั้งหมดหลังจากเครื่องหมายจุลภาคจะถูกลบออกในกระบวนการ จะทำอย่างไรถ้าคุณต้องการเว้นวรรคระหว่างคำ (เช่น อนุญาตให้ตัดคำหรือบรรทัด)
โชคดีที่เราสามารถใช้ join() . ของ JavaScript ได้ วิธีการทำโดยส่งตัวคั่นภายในเป็นอาร์กิวเมนต์ เช่นนี้:
const numbersArray = [2, 4, 6, 8, 10]
numbersArray.join(", ")ตอนนี้ลองพิมพ์ผลลัพธ์:
console.log(numbersArray.join(", "))
// "2, 4, 6, 8, 10"ดีมาก ดูดีขึ้นมาก ฉลาดในการนำเสนอ และอนุญาตให้ตัดคำ/บรรทัดได้ในกรณีที่คุณต้องการ
join() vs. toString() - นานาน่ารู้:
- ในอาร์เรย์
join()วิธีการทำงานเหมือนกับtoString()ยกเว้นว่าจะอนุญาตให้ใช้ตัวคั่นได้ join()เป็น วิธีอาร์เรย์ ดังนั้นจึงใช้ได้กับวัตถุอาร์เรย์เท่านั้น- The
toString()วิธีการใช้ได้กับ ทุก ประเภทของวัตถุ ไม่ใช่แค่อาร์เรย์
