บทเรียนภาษา Javascript ตอนทำความรู้จักกับ Array Methods

Published by N'Mak (Content Creator) on

ทำความรู้จักฟังก์ชัน javascript 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('👩‍🦱')     =>     ['🤱','👦','🧓','👶','👩‍🦱']

N'Mak (Content Creator)

Blogger technology in programmers' stains.

0 Comments

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น