ฟังก์ชัน JS Array Methods >.<
โดยพื้นฐานการเขียนโปรแกรม อาเรย์เมธอด (Array Methods) ถือเป็นเรื่องสำคัญ และเป็นเรื่องที่ทำความเข้าใจได้ยาก เพราะค่อนข้างซับซ้อน วันนี้เราจึงนำฟังก์ชันเหล่านี้มาถ่ายทอดด้วยวิธีที่เข้าใจง่าย โดยการนำมาแสดงในรูปแบบแผนภาพเพื่อง่ายต่อการทำความเข้าใจ
ไปเริ่มเรียนรู้กันเลย ..
.CONCAT() ฟังก์ชันรวมอาเรย์ตั้งแต่ 2 ตัวขึ้นไป
Sample :
['?','?'].concat(['?']) => ['?','?','?']
.JOIN() ฟังก์ชันนำค่าในแต่ละตัวแปรมารวมกันเป็นข้อความ และมีตัวคั่นกลางตามที่กำหนด ถ้าไม่กำหนดจะคั่นด้วย comma (,) อัตโนมัติ
Sample :
['??','??'].join(' ? ') => ['?? ? ??'].SLICE(start,end) ฟังก์ชันดึงค่าในตัวแปรนั้นออกมา โดยการะบุตำแหน่ง และทำการคืนค่านั้นออกมา
Sample :
['?','?','?'].slice(1) => ['?']
.INDEXOF() ฟังก์ชันดึงตำแหน่งของค่าในตัวแปรนั้นออกมา โดยทำการระบุค่าในตัวแปร
Sample :
['?','?','?'].indexOf('?') => 1.LASTINDEXOF() ฟังก์ชันดึงตำแหน่งล่าสุด หรือสุดท้ายของค่าในตัวแปรนั้นออกมา โดยทำการระบุค่าในตัวแปร
Sample :
['?','?','?','?'].lastindexOf('?') => 3.REVERSE() ฟังก์ชันย้อนกลับลำดับค่าตัวแปร
Sample :
['?','?','?'].reverse() => ['?','?','?']
.SORT() ฟังก์ชันเรียงลำดับค่าตัวแปร
Sample : สมมุติให้ เด็กทารก = 1, เด็กชาย = 2, คุณปู่ = 3
['?','?','?'].sort() => ['?','?','?']
.SHIFT() ฟังก์ชันลบค่าตัวแปรตัวแรกออก
Sample :
['?','?','?'].shift() => ['?','?']
.UNSHIFT() ฟังก์ชันเพิ่มค่าตัวแปรตัวแรกเข้าไป
Sample :
['?','?','?'].unshift('?') => ['?','?','?','?'].POP() ฟังก์ชันลบค่าตัวแปรตัวสุดท้ายออก
Sample :
['?','?','?','?'].pop() => ['?','?','?']
.PUSH() ฟังก์ชันเพิ่มค่าตัวแปรตัวสุดท้ายเข้าไป
Sample :
['?','?','?','?'].push('??') => ['?','?','?','?','??']
