ในJavaScript มีเมธอดมากมายที่เกี่ยวข้อกับการจัดการเกี่ยวกับอาเรย์ ไม่ว่าจะเป็น Array.Sort ()  หรือ เมธอท Array.prototype.every () และอื่นๆอีกมากมาย ซึ่งบทความนี้จะอธิบายถึง เมธอด arr.push() เป็นเมธอดที่ใช้บ่อยมาก และเป็นเมธอดที่สำคัญมาก เรามาดูกันว่ามันคืออะไรและใช้ยังไง 

เมธอด arr.push () ใช้เพื่อส่งค่าๆหนึ่งหรือมากกว่าขึ้นไปในอาร์เรย์ ฟังก์ชั่นนี้จะเปลี่ยนความยาวของอาร์เรย์ด้วยจำนวนขององค์ประกอบที่เพิ่มเข้าไปในอาร์เรย์ Syntax ไวยากรณ์ของเมธอดมีดังนี้:

arr.push(element1[, ...[, elementN]])
  • อาร์กิวเมนต์   : ฟังก์ชั่นนี้มีจำนวนของอาร์กิวเมนต์ เท่ากับจำนวนขององค์ประกอบที่จะแทรกเข้าไปในอาร์เรย์
  • Return value : เมธอดนี้ส่งคืนความยาวใหม่ของอาร์เรย์หลังจากใส่อาร์กิวเมนต์ลงในอาร์เรย์ 

 

เรามาดูตัวอย่างโค้ดของการใช้ เมธอด arr.push ()   ดังนี้ 

// JavaScript to illustrate push() function 
<script> 
function func() { 

	// Original array 
	var arr = [34, 234, 567, 4]; 

	// Pushing the elements 
	document.write(arr.push(23,45,56)); 
	document.write("<br>"); 
	document.write(arr); 
} 
func(); 
</script> 

ผลลัพธ์ที่จะได้ คือ

7
34,234,567,4,23,45,56

จากผลลัพธ์  7 คือจำนวนความยาวของอาเรย์ ซึงมาจากคำสั่ง  document.write(arr.push(23,45,56));  ถ้าหากเรา syntax ที่เขียนไว้ด้านบน method นี่้จะรีเทริน array.length หลังจากใส่ ค่าในอาเรย์ไปแล้ว และ  34,234,567,4,23,45,56  คือค่าที่มีอยู่ในอาเรย์หลังจาก push เข้าไป 

 

ตัวอย่างที่สองดังนี้ 

<script> 
// JavaScript to illustrate push() function 
function func() { 

	var arr = [34, 234, 567, 4]; 

	document.write(arr.push('jacob',true,23.45)); 
	document.write("<br>"); 
	document.write(arr); 
} 
func(); 
</script> 

ผลลัพธ์ที่ได้ดังนี้

7
34,234,567,4,jacob,true,23.45

จากผลลัพธ์ตัวอย่างนี้ก็เหมือนกันกับตัวอย่างแรก นั้น คือ เลข 7 นั้น คือจำนวนความยาวของอาเรย์  ซึ่งเป็นค่าที่ return จากเมธอด arr.push()  และ  34,234,567,4,jacob,true,23.45 คือค่าที่มีอยู่ในอาเรย์หลังจาก push เข้าไป 

 

ช่องทางการศึกษาเพิ่มเติมข่าวที่น่าสนใจเกี่ยวกับ : JAVASCRIPT

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
โดย witsarutt000 พฤ 14 มี.ค. 2024 4:07 pm บอร์ด SQL Knowledge
1
289
พฤ 14 มี.ค. 2024 5:44 pm โดย Sirayu View Topic SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
โดย witsarutt000 พฤ 14 มี.ค. 2024 11:17 am บอร์ด PHP Knowledge
0
180
พฤ 14 มี.ค. 2024 11:17 am โดย witsarutt000 View Topic PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
โดย Thanavat_n พ 13 มี.ค. 2024 11:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
416
พ 13 มี.ค. 2024 1:34 pm โดย Thanavat_n View Topic ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
โดย @Foretoday อ 12 มี.ค. 2024 1:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
226
อ 12 มี.ค. 2024 1:46 pm โดย @Foretoday View Topic ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
โดย witsarutt000 จ 11 มี.ค. 2024 6:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
177
จ 11 มี.ค. 2024 6:14 pm โดย witsarutt000 View Topic แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
โดย mindphp อ 10 มี.ค. 2024 4:36 am บอร์ด Linux - Web Server
0
272
อ 10 มี.ค. 2024 4:36 am โดย mindphp View Topic ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
IP และ vpn (VMware)
โดย ballmykids อ 10 มี.ค. 2024 2:35 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
230
จ 11 มี.ค. 2024 3:19 pm โดย ballmykids View Topic IP และ vpn (VMware)
แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว
โดย Anonymous ศ 08 มี.ค. 2024 7:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
190
ศ 08 มี.ค. 2024 8:12 pm โดย mindphp View Topic แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว