หรือการเขียนโปรแกรมบนเว็บให้กำเนิดเว็บแอปพลิเคชันแบบไดนามิก ด้วยการเพิ่มขึ้นของเว็บ JavaScript จึงกลายเป็นหนึ่งใน ภาษาที่สำคัญที่สุด ในโลกปัจจุบันนี้ อาร์เรย์ JavaScript บทความจะนำคุณไปสู่ความลึกของเมธอดอาร์เรย์ใน JavaScript ตามลำดับต่อไปนี้:
- รู้เบื้องต้นเกี่ยวกับ JavaScript
- พื้นฐานของ JavaScript
- อาร์เรย์ JavaScript
- ความแตกต่างระหว่าง Array และ Objects
- วิธีการอาร์เรย์ JavaScript
รู้เบื้องต้นเกี่ยวกับ JavaScript
เป็นภาษาโปรแกรมระดับสูงที่ตีความและใช้เพื่อทำให้หน้าเว็บมีการโต้ตอบมากขึ้น เป็นภาษาสคริปต์ฝั่งไคลเอ็นต์ที่มีประสิทธิภาพมากซึ่งทำให้หน้าเว็บของคุณมีชีวิตชีวาและโต้ตอบได้มากขึ้น
เป็นภาษาโปรแกรมที่ช่วยให้คุณใช้งานการออกแบบที่ซับซ้อนและสวยงามบนหน้าเว็บได้ หากคุณต้องการให้หน้าเว็บของคุณดูมีชีวิตชีวาและทำมากกว่าแค่จ้องมองคุณ JavaScript เป็นสิ่งที่จำเป็น
พื้นฐานของ JavaScript
หากคุณยังใหม่กับภาษาคุณจำเป็นต้องรู้บางส่วนของไฟล์ พื้นฐานของ JavaScript ซึ่งจะช่วยให้คุณเริ่มเขียนโค้ดได้ พื้นฐาน ได้แก่ :
คุณสามารถตรวจสอบไฟล์ เพื่อเจาะลึกแนวคิดพื้นฐานและพื้นฐานของ JavaScript ในบทความ JavaScript Array นี้เราจะเน้นไปที่วิธีการอาร์เรย์ต่างๆที่ใช้ในการกำหนดรายการของรายการ
อาร์เรย์ JavaScript
อาร์เรย์คือไฟล์ โครงสร้างข้อมูล ที่มีรายการองค์ประกอบที่เก็บค่าหลายค่าภายใต้ตัวแปรเดียว
ในการประกาศอาร์เรย์ใน JavaScript ให้ใช้ปุ่ม ' ปล่อย คำหลักที่มีวงเล็บเหลี่ยมและใส่องค์ประกอบทั้งหมดไว้ภายใน ไวยากรณ์มีดังนี้:
ให้ ListItems = [] ListItems = ['shoes', 'watch', 'bag']
คุณยังสามารถประกาศเป็น:
ให้ ListItems = ['shoes', 'watch', 'bag']
ความแตกต่างระหว่าง Array และ Objects
ตัวแปร JavaScript สามารถเป็นวัตถุ อาร์เรย์ถือเป็นวัตถุชนิดพิเศษ ด้วยเหตุนี้คุณจึงสามารถมีตัวแปรประเภทต่างๆใน Array เดียวกันได้
myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems
ใน JavaScript อาร์เรย์ ใช้ ดัชนีหมายเลข . ในขณะที่ วัตถุ ใช้เป็น ชื่อดัชนี .
วิธีการอาร์เรย์ JavaScript
วัตถุประสงค์ของการใช้ไฟล์ อาร์เรย์ คือการจัดเก็บ หลายค่า ใน เอนทิตีเดียว ของตัวแปรที่ประกาศ อาร์เรย์ใช้เมื่อเราต้องการเข้าถึงองค์ประกอบอย่างเป็นระเบียบโดยใช้ตัวแปรเดียว หนึ่งสามารถจัดเก็บสตริงบูลีนและตัวเลขในอาร์เรย์เดียว
เนมสเปซใน c ++
มีที่แตกต่างกัน วิธีอาร์เรย์ JavaScript เพื่อดำเนินการต่างๆเช่น:
ดัน () - ง่ายต่อการลบองค์ประกอบและเพิ่มองค์ประกอบใหม่ในขณะที่ทำงานกับอาร์เรย์ วิธีการ push () เพิ่ม ถึง องค์ประกอบใหม่ ไปที่ จบ ของอาร์เรย์ ค่าที่ส่งคืนคือความยาวอาร์เรย์ใหม่
ตัวอย่าง:
ให้ listItems = ['bag', 'shoes', 'dress'] console.log (listItems.push ('watch'))
เอาท์พุต:
4
Push () doest ไม่ส่งคืนค่าที่ถูกเพิ่มลงในอาร์เรย์ ส่งคืนเฉพาะความยาวใหม่ของอาร์เรย์
ป๊อป ()- ใช้วิธี pop () เพื่อ ลบ ที่ องค์ประกอบสุดท้าย จากอาร์เรย์ จะคืนค่าที่ถูกดึงออกมา
ตัวอย่าง:
ให้ listItems = ['bag', 'shoes', 'dress'] console.log (listItems.pop ())
เอาท์พุต:
แต่งตัว
Pop () ส่งคืนค่าที่ถูกลบออกไม่ใช่ความยาวอาร์เรย์เช่น Push ()
กะ () - การขยับจะคล้ายกับการขยับโดยทำงานกับองค์ประกอบแรกแทนที่จะเป็นองค์ประกอบสุดท้าย ใช้วิธี shift () เพื่อ ลบ ที่ องค์ประกอบอาร์เรย์แรก และเปลี่ยนองค์ประกอบอื่น ๆ ทั้งหมดเป็นดัชนีที่ต่ำกว่า มันจะส่งคืนสตริงที่เลื่อนออกไปให้คุณ
ตัวอย่าง:
ให้ listItems = ['bag', 'shoes', 'dress'] console.log (listItems.shift ())
เอาท์พุต:
ฉากที่ผสมผสานแหล่งข้อมูลสองแหล่ง
ถุง
Shift () ทำงานเหมือนกับ pop () แต่จะส่งคืนองค์ประกอบแรกของอาร์เรย์แทนที่จะเป็นองค์ประกอบสุดท้าย
คลาย () - วิธี เพิ่ม องค์ประกอบใหม่ที่ จุดเริ่มต้นของอาร์เรย์ และยกเลิกการเปลี่ยนแปลงองค์ประกอบที่เก่ากว่า มันคล้ายกับ Push () และส่งกลับความยาวอาร์เรย์ใหม่
ตัวอย่าง:
ให้ listItems = ['bag', 'shoes', 'dress', 'watch'] console.log (listItems.unshift ('phone'))
เอาท์พุต:
5
Unshift () จะเพิ่มองค์ประกอบใหม่ลงในอาร์เรย์และส่งคืนความยาวของอาร์เรย์ใหม่
ประสาน () - วิธี concat () สร้างอาร์เรย์ใหม่โดย การต่อกัน หรือการรวมอาร์เรย์ที่มีอยู่ มันไม่แก้ไขอาร์เรย์ที่มีอยู่และส่งกลับอาร์เรย์ใหม่เสมอ
ตัวอย่าง:
ให้ arr1 = ['red', 'blue', 'green'] ให้ arr2 = ['colors', 'spraypaint', 'brush'] ให้ newArr = arr1.concat (arr2) console.log (newArr)
เอาท์พุต:
toString () - ใช้วิธี toString () เพื่อ แปลง อาร์เรย์ไปยัง สตริง ของค่าอาร์เรย์คั่นด้วยเครื่องหมายจุลภาค
ตัวอย่าง:
ให้สี = ['red', 'blue', 'green'] console.log (colors.toString ())
เอาท์พุต:
แดงน้ำเงินเขียว
เข้าร่วม () - วิธี join () ทำงานเหมือนกับ toString () มันถูกใช้เพื่อ เข้าร่วม องค์ประกอบอาร์เรย์ทั้งหมดลงในไฟล์ สตริง แต่นอกจากนี้คุณสามารถระบุไฟล์ ตัวคั่น .
ตัวอย่าง:
ส่งผ่านค่าและส่งผ่านโดยการอ้างอิงใน java
ให้สี = ['red', 'blue', 'green'] console.log (colors.join ('+'))
เอาท์พุต:
แดง + น้ำเงิน + เขียว
ย้อนกลับ () - ใช้เมธอด reverse () เพื่อ ย้อนกลับ ที่ ใบสั่ง ขององค์ประกอบในอาร์เรย์ มันจะเปลี่ยนอาร์เรย์เดิมและสลับลำดับขององค์ประกอบ
ตัวอย่าง:
ให้ผลไม้ = ['มะม่วง', 'แอปเปิ้ล', 'องุ่น'] console.log (fruits.reverse ())
เอาท์พุต:
เรียงลำดับ () - วิธีการ sort () ใช้เพื่อ เรียงลำดับ อาร์เรย์ ตามตัวอักษร . ฟังก์ชันนี้จะจัดเรียงค่าเป็นสตริงตามค่าเริ่มต้น
ตัวอย่าง:
ให้ผลไม้ = ['มะม่วง', 'แอปเปิ้ล', 'องุ่น'] console.log (fruits.sort ())
เอาท์พุต:
ชิ้น () - ใช้วิธี slice () เพื่อ ฝาน ออกอาร์เรย์เป็นอาร์เรย์ใหม่ สร้างอาร์เรย์ใหม่โดยไม่ต้องลบองค์ประกอบใด ๆ ออกจากอาร์เรย์ต้นทาง มันจะส่งคืนค่าที่ถูกแบ่งออกจากอาร์เรย์
ตัวอย่าง:
ให้สี = ['red', 'blue', 'green', 'yellow', 'orange'] console.log (colors.slice (1,3))
เอาท์พุต:
นี่คือวิธีอาร์เรย์ JavaScript ที่ใช้บ่อยที่สุด ด้วยเหตุนี้เราจึงมาถึงตอนท้ายของบทความของเรา ฉันหวังว่าคุณจะเข้าใจวิธีการใช้อาร์เรย์ใน JavaScript
ตอนนี้คุณรู้เกี่ยวกับ JavaScript Array Methods แล้วให้ดูที่ไฟล์ โดย Edureka การฝึกอบรมการรับรองการพัฒนาเว็บจะช่วยให้คุณเรียนรู้วิธีสร้างเว็บไซต์ที่น่าประทับใจโดยใช้ HTML5, CSS3, Twitter Bootstrap 3, jQuery และ Google API และปรับใช้กับ Amazon Simple Storage Service (S3)
มีคำถามสำหรับเรา? โปรดระบุไว้ในส่วนความคิดเห็นของ 'JavaScript Array' แล้วเราจะติดต่อกลับไป