JavaScript: array ตอนที่ 11 การกรองข้อมูลจาก array เพื่อสร้าง array ใหม่ ด้วย filter()

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

 

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

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

 

ผลลัพธ์

javascript-array-filter-1

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

 

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

 

จากนั้นก็เพิ่ม function เข้าไปในวงเล็บ ( )  ของ filter( )

 

เพิ่มตัวแปร value (สามารถตั้งชื่อได้ตามต้องการ) ลงไปในวงเล็บของ function

 

filter() จะทำการตรวจสอบเงื่อนไข (true/false) และเลือกเฉพาะ value ที่มีค่า มากกว่า 3 (true) ออกมาเท่านั้น

 

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

 

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

 

ผลลัพธ์

เราจะได้ข้อมูลที่ มีค่า มากกว่า 3 ออกมา ตามเงื่อนไขที่กำหนดไว้

javascript-array-filter-2

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

 

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

 

ผลลัพธ์

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

javascript-array-filter-3

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

 

 

สรุป

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

 

 

Comments

comments

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

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