JavaScript: array ตอนที่ 15 การแยกข้อมูลใน array ด้วย เมธอด join()

ในการใช้งาน เมธอด join() ร่วมกับ array จะทำให้เราสามารถ แยกข้อมูลใน array ได้ โดยทำการเครื่องหมายที่ต้องการแยก เข้าไปใน array และการเปลี่ยนแปลงนี้ จะไม่กระทบกับ array เก่า

 

การใช้งาน เมธอด join ()

ในเบื้องต้น เรามีข้อมูลใน array ดังต่อไปนี้

 

ผลลัพธ์

javascript-array-join-1

ภาพที่ 1 ผลลัพธ์

 

เราสามารถเรียกใช้ เมธอด join() ได้ง่าย ๆ ดังนี้  data.join();

 

ลองแยกข้อมูลด้วย เครื่องหมาย ขีดกลาง ( – ) โดยส่งเครื่องหมายที่ต้องการแยก เข้าไปในวงเล็บ join(‘-’)

 

จากนั้น ประกาศตัวแปรชื่อ newData มารับค่า ข้อมูลใหม่ทำการแยกแล้ว

 

เรามาดูกันค่ะว่า ข้อมูลใน array ใหม่ ที่ชื่อ newData มีอะไรบ้าง

 

ผลลัพธ์

เราจะได้ข้อมูล array ใหม่ ที่ทำการแยกข้อมูลด้วย เครื่องหมายขีดกลาง เรียบร้อยแล้ว

javascript-array-join-2

ภาพที่ 2 ผลลัพธ์

 

คราวนี้ มาดูข้อมูลใน array เก่า กันบ้างค่ะ

 

ผลลัพธ์

ปรากฏว่า ข้อมูลใน array เก่า ก็ยังคงเดิมนะคะ 🙂

javascript-array-join-3

ภาพที่ 3 ผลลัพธ์

 

 

สรุป

การใช้งาน เมธอด join() สามารถแยกข้อมูลใน array ได้ตามเครื่องหมายที่ต้องการ โดยเครื่องหมาย หรือสัญลักษณ์ที่ส่งเข้าไปใน array จะเข้าไปเป็นส่วนหนึ่งของรายการข้อมูล ที่เป็นstring

 

และการใช้งานเมธอดนี้ จะไม่ส่งผลกระทบต่อ array เก่า

 

 

Comments

comments

ธมนวรรณ มณีจันทร์

เป้าหมาย : "พัฒนาคุณภาพชีวิตผู้คน ผ่านการส่งมอบความรู้ ด้วยเทคโนโลยีที่ดีที่สุด" ... ประวัติ