15 วิธีการอาร์เรย์ JavaScript ที่คุณควรเชี่ยวชาญในวันนี้

นักพัฒนาเว็บทุกระดับทักษะ ตั้งแต่โปรแกรมเมอร์มือใหม่ไปจนถึงผู้เชี่ยวชาญด้านการเขียนโค้ด ได้เห็นถึงความสำคัญของ JavaScript ในการพัฒนาเว็บไซต์สมัยใหม่ JavaScript โดดเด่นมากจนเป็นทักษะที่จำเป็นในการรู้ว่าคุณกำลังจะสร้างเว็บแอปหรือไม่

การสร้างบล็อคที่มีประสิทธิภาพมากที่สุดตัวหนึ่งในภาษา JavaScript คืออาร์เรย์ อาร์เรย์มักพบในภาษาการเขียนโปรแกรมหลายภาษาและมีประโยชน์สำหรับการจัดเก็บข้อมูล

จาวาสคริปต์ยังมีคุณลักษณะที่มีประโยชน์ที่เรียกว่าเมธอดอาร์เรย์ ต่อไปนี้คือ 15 ข้อที่คุณควรพิจารณาอย่างใกล้ชิดเพื่อพัฒนาทักษะของคุณในฐานะนักพัฒนา

วิธีการอาร์เรย์คืออะไร?

วิธีการอาร์เรย์ เป็นฟังก์ชันในตัวของ JavaScript ที่คุณสามารถนำไปใช้กับอาร์เรย์ของคุณได้ แต่ละวิธีมีฟังก์ชันเฉพาะที่ทำการเปลี่ยนแปลงหรือคำนวณอาร์เรย์ของคุณ ช่วยให้คุณไม่ต้องเขียนโค้ดฟังก์ชันทั่วไปตั้งแต่เริ่มต้น

วิธีการอาร์เรย์ใน JavaScript ทำงานโดยใช้เครื่องหมายจุดที่แนบมากับตัวแปรอาร์เรย์ของคุณ เนื่องจากเป็นเพียงฟังก์ชัน JavaScript จึงมักลงท้ายด้วยวงเล็บซึ่งสามารถเก็บอาร์กิวเมนต์ที่ไม่บังคับได้ นี่คือวิธีการที่แนบมากับอาร์เรย์อย่างง่ายที่เรียกว่า myArray .

let myArray = [1,2,3]; myArray.pop();

รหัสนี้จะใช้วิธีที่เรียกว่า โผล่ ไปยังอาร์เรย์

ตัวอย่างอาร์เรย์

สำหรับแต่ละตัวอย่าง ให้ใช้อาร์เรย์ตัวอย่างที่เราจะเรียกว่า myArray , เพื่อดำเนินการวิธีการบน. อย่าลังเลที่จะดึงคอนโซลและรหัสของคุณขึ้นมา

let myArray = [2,4,5,7,9,12,14];

ตัวอย่างเหล่านี้จะถือว่าคุณรู้พื้นฐานของ JavaScript คืออะไรและทำงานอย่างไร . หากคุณไม่เป็นอะไร เราพร้อมเรียนรู้และเติบโต

เจาะลึกวิธีการอาร์เรย์ที่มีประสิทธิภาพสิบห้าเหล่านี้!

1. Array.push()

มันทำอะไร: ดัน() นำอาร์เรย์ของคุณและเพิ่มองค์ประกอบอย่างน้อยหนึ่งองค์ประกอบที่ส่วนท้ายของอาร์เรย์ จากนั้นส่งคืนความยาวใหม่ของอาร์เรย์ วิธีนี้จะแก้ไขอาร์เรย์ที่มีอยู่ของคุณ

เพิ่มหมายเลข 20 ลงในอาร์เรย์โดยเรียกใช้ ดัน() โดยใช้ 20 เป็นอาร์กิวเมนต์

let myArray = [2,4,5,7,9,12,14];  
myArray.push(20);

ตรวจสอบว่าทำงานหรือไม่:

console.log(myArray); [2,4,5,7,9,12,14,20]

วิ่ง ดัน() วิธีการใน myArray เพิ่มค่าที่กำหนดในอาร์กิวเมนต์ลงในอาร์เรย์ ในกรณีนี้คือ 20. เมื่อคุณตรวจสอบ myArray ในคอนโซล คุณจะเห็นว่าค่าถูกเพิ่มไปยังส่วนท้ายของอาร์เรย์แล้ว

2. Array.concat()

มันทำอะไร: concat() สามารถรวมอาร์เรย์ตั้งแต่สองอาร์เรย์ขึ้นไปเป็นอาร์เรย์ใหม่ได้ ไม่ได้แก้ไขอาร์เรย์ที่มีอยู่ แต่สร้างอาร์เรย์ใหม่

เอามา myArray และรวมอาร์เรย์ที่เรียกว่า newArray เข้าไปในนั้น

let myArray = [2,4,5,7,9,12,14];  
let newArray = [1,2,3];  
let result = myArray.concat(newArray);

console.log(result); [2,4,5,7,9,12,14,1,2,3]

วิธีนี้ใช้ได้ผลดีเมื่อต้องจัดการกับอาร์เรย์หรือค่าต่างๆ ที่คุณต้องการรวมเข้าด้วยกัน ทั้งหมดนี้อยู่ในขั้นตอนง่ายๆ เมื่อใช้ตัวแปร

3. Array.join()

มันทำอะไร: เข้าร่วม() รับอาร์เรย์และเชื่อมเนื้อหาของอาร์เรย์ โดยคั่นด้วยเครื่องหมายจุลภาค ผลลัพธ์จะอยู่ในสตริง คุณสามารถระบุตัวคั่นได้หากต้องการใช้ทางเลือกอื่นแทนเครื่องหมายจุลภาค

ดูวิธีการทำงานโดยใช้ myArray ขั้นแรกให้ใช้วิธีเริ่มต้นโดยไม่มีอาร์กิวเมนต์คั่น ซึ่งจะใช้เครื่องหมายจุลภาค

let myArray = [2,4,5,7,9,12,14];  
myArray.join();

'2,4,5,7,9,12,14'

JavaScript จะส่งออกสตริง โดยแต่ละค่าในอาร์เรย์คั่นด้วยเครื่องหมายจุลภาค คุณสามารถใช้อาร์กิวเมนต์ในฟังก์ชันเพื่อเปลี่ยนตัวคั่นได้ สังเกตด้วยสองอาร์กิวเมนต์: ช่องว่างเดียวและสตริง

myArray.join(' ');  
'2 4 5 7 9 12 14'

myArray.join(' and ');  
'2 and 4 and 5 and 7 and 9 and 12 and 14'

ตัวอย่างแรกคือการเว้นวรรค การทำสตริงที่คุณอ่านได้ง่าย

ตัวอย่างที่สองใช้ (' และ ') และมีสองสิ่งที่ต้องรู้ที่นี่

ขั้นแรก เราใช้คำว่า 'และ' เพื่อแยกค่าต่างๆ ประการที่สอง มีช่องว่างทั้งสองด้านของคำว่า 'และ' นี่คือสิ่งสำคัญที่ต้องจำไว้เมื่อใช้ เข้าร่วม() . JavaScript อ่านอาร์กิวเมนต์ตามตัวอักษร ดังนั้นหากเว้นพื้นที่นี้ไว้ ทุกอย่างจะถูกรวมเข้าด้วยกัน (เช่น '2and4and5...' เป็นต้น) ไม่ใช่ผลลัพธ์ที่อ่านง่าย!

4. Array.forEach()

มันทำอะไร: แต่ละ() (ตัวพิมพ์เล็กและตัวพิมพ์ใหญ่!) ทำหน้าที่กับแต่ละรายการในอาร์เรย์ของคุณ ฟังก์ชันนี้เป็นฟังก์ชันใดๆ ที่คุณสร้างขึ้น คล้ายกับการใช้ลูป 'for' เพื่อใช้ฟังก์ชันกับอาร์เรย์ แต่ใช้โค้ดน้อยกว่ามาก

มีอีกนิดหน่อยถึง แต่ละ() ; ดูไวยากรณ์ แล้วใช้ฟังก์ชันง่าย ๆ เพื่อสาธิต

  
myArray.forEach(function(item){  
//code  
});

เราใช้ myArray , แต่ละ() ถูกนำไปใช้กับสัญกรณ์จุด คุณวางฟังก์ชันที่คุณต้องการใช้ภายในวงเล็บอาร์กิวเมนต์ ซึ่งก็คือ ฟังก์ชัน(รายการ) ในตัวอย่าง

ลองดูที่ ฟังก์ชัน(รายการ) . นี่คือฟังก์ชันที่ดำเนินการภายใน forEach() และมีอาร์กิวเมนต์ของตัวเอง เรากำลังเรียกข้อโต้แย้ง รายการ . มีสองสิ่งที่ต้องรู้เกี่ยวกับอาร์กิวเมนต์นี้:

เมื่อ forEach() วนซ้ำในอาร์เรย์ จะใช้โค้ดกับอาร์กิวเมนต์นี้ คิดว่ามันเป็นตัวแปรชั่วคราวที่เก็บองค์ประกอบปัจจุบัน
คุณเลือกชื่อของอาร์กิวเมนต์ มันสามารถตั้งชื่ออะไรก็ได้ที่คุณต้องการ โดยทั่วไป ชื่อนี้จะตั้งชื่อว่าอะไรที่ทำให้เข้าใจง่ายขึ้น เช่น 'รายการ' หรือ 'องค์ประกอบ'

เมื่อคำนึงถึงสองสิ่งนี้ ให้ดูตัวอย่างง่ายๆ นี้ เพิ่ม 15 ให้กับทุกค่าและให้คอนโซลแสดงผล

  
myArray.forEach(function(item){  
 console.log(item + 15);  
});

เราใช้ รายการ ในตัวอย่างนี้เป็นตัวแปร ดังนั้นฟังก์ชันจึงเขียนเพิ่ม 15 ให้กับแต่ละค่าผ่าน รายการ . คอนโซลจะพิมพ์ผลลัพธ์ นี่คือสิ่งที่ดูเหมือนในคอนโซล Google Chrome

ผลลัพธ์คือทุกตัวเลขในอาร์เรย์ แต่เพิ่ม 15 ตัวเข้าไป!

5. Array.map ()

มันทำอะไร: แผนที่() ทำหน้าที่ในทุกองค์ประกอบในอาร์เรย์ของคุณและวางผลลัพธ์ในอาร์เรย์ใหม่

การเรียกใช้ฟังก์ชันในทุกองค์ประกอบจะฟังดูเหมือน forEach() ความแตกต่างที่นี่คือ แผนที่() สร้างอาร์เรย์ใหม่เมื่อรัน forEach() ไม่ได้สร้างอาร์เรย์ใหม่โดยอัตโนมัติ คุณจะต้องเขียนโค้ดฟังก์ชันเฉพาะเพื่อดำเนินการดังกล่าว

ใช้ map() เพื่อเพิ่มมูลค่าของทุกองค์ประกอบใน myArray เป็นสองเท่า และวางไว้ในอาร์เรย์ใหม่ คุณจะเห็นเหมือนกัน ฟังก์ชัน(รายการ) ไวยากรณ์สำหรับการฝึกฝนอีกเล็กน้อย

let myArray = [2,4,5,7,9,12,14];

let doubleArray = myArray.map(function(item){  
return item * 2;  
});

ตรวจสอบผลลัพธ์ในคอนโซล

console.log(doubleArray); [4,8,10,14,18,24,28]

myArray ไม่เปลี่ยนแปลง:

console.log(myArray); [2,4,5,7,9,12,14]

6. Array.unshift()

ให้ประโยชน์อะไร: คล้ายกับวิธีการทำงานของเมธอด push() the ยกเลิกการเปลี่ยน () วิธีนำอาร์เรย์ของคุณและเพิ่มองค์ประกอบอย่างน้อยหนึ่งรายการไปยังจุดเริ่มต้นของอาร์เรย์แทนที่จะเป็นจุดสิ้นสุด และส่งกลับความยาวใหม่ของอาร์เรย์ วิธีนี้จะแก้ไขอาร์เรย์ที่มีอยู่ของคุณ

let myArray = [2,4,5,7,9,12,14];  
myArray.unshift(0);

ในการบันทึกอาร์เรย์ไปยังคอนโซล คุณจะเห็นตัวเลข 0 ที่จุดเริ่มต้นของอาร์เรย์

console.log(myArray); [0, 2,4,5,7,9,12,14]

7. Array.sort()

ให้ประโยชน์อะไรบ้าง: การเรียงลำดับเป็นการดำเนินการทั่วไปอย่างหนึ่งในอาร์เรย์ และมีประโยชน์มาก JavaScript's เรียงลำดับ() วิธีอาร์เรย์สามารถใช้เพื่อจัดเรียงอาร์เรย์ของตัวเลขหรือแม้แต่สตริงด้วยโค้ดเพียงบรรทัดเดียว การดำเนินการนี้อยู่ในสถานที่และส่งคืนอาร์เรย์ที่เรียงลำดับโดยการแก้ไขอาร์เรย์เริ่มต้น ใช้ชุดตัวเลขอื่นสำหรับ myArray เวลานี้.

let myArray = [12, 55, 34, 65, 10];  
myArray.sort((a,b) => a - b);

เนื่องจากการเรียงลำดับเสร็จสิ้นแล้ว คุณไม่จำเป็นต้องประกาศตัวแปรแยกต่างหากสำหรับอาร์เรย์ที่จัดเรียง

console.log(myArray); [10, 12, 34, 55, 65]

โดยค่าเริ่มต้น อาร์เรย์จะเรียงลำดับจากน้อยไปมาก แต่คุณสามารถเลือกส่งฟังก์ชันที่กำหนดเองไปยัง เรียงลำดับ() วิธีการจัดเรียงอาร์เรย์ในลักษณะที่ต้องการ ในกรณีนี้ฉันผ่านประเพณี ฟังก์ชั่นลูกศร เพื่อจัดเรียงอาร์เรย์เป็นตัวเลขในลำดับจากน้อยไปมาก

8. Array.reverse()

ให้ประโยชน์อะไร: ตามชื่อของมัน ย้อนกลับ() วิธีใช้เพื่อย้อนกลับลำดับขององค์ประกอบในอาร์เรย์ โปรดทราบว่าการดำเนินการนี้ไม่ได้ย้อนกลับเนื้อหาของอาร์เรย์ แต่เป็นเพียงลำดับเท่านั้น ต่อไปนี้คือตัวอย่างเพื่อให้เข้าใจวิธีการนี้ได้ดีขึ้น:

let myArray = [2,4,5,7,9,12,14];  
myArray.reverse()

บันทึกเอาต์พุตไปยังคอนโซลเพื่อตรวจสอบการดำเนินการ

console.log(myArray); [14, 12, 9, 7, 5, 4, 2]

อย่างที่คุณเห็น ลำดับขององค์ประกอบกลับกัน ก่อนหน้านี้ องค์ประกอบที่ดัชนีสุดท้าย (องค์ประกอบ 14 ที่ดัชนี 6) ตอนนี้องค์ประกอบที่ดัชนีที่ศูนย์และอื่น ๆ

9. Array.slice()

มันทำอะไร: ชิ้น() ใช้เพื่อดึงสำเนาส่วนตื้นของอาร์เรย์ วิธีนี้ช่วยให้คุณเลือกองค์ประกอบเฉพาะจากอาร์เรย์ตามดัชนีได้ คุณสามารถส่งผ่านดัชนีเริ่มต้นขององค์ประกอบที่คุณต้องการดึงข้อมูลและองค์ประกอบและดัชนีสิ้นสุดได้เช่นกัน

หากคุณไม่ได้ระบุดัชนีสิ้นสุด ระบบจะดึงข้อมูลองค์ประกอบทั้งหมดตั้งแต่ดัชนีเริ่มต้นจนถึงจุดสิ้นสุดของอาร์เรย์ เมธอดนี้ส่งคืนอาร์เรย์ใหม่และจะไม่แก้ไขอาร์เรย์ที่มีอยู่

let myArray = [2,4,5,7,9,12,14];  
let slicedArray = myArray.slice(2);

ในโค้ดด้านบน องค์ประกอบทั้งหมดจากดัชนีที่สองถึงดัชนีสุดท้ายจะถูกดึงมาเนื่องจากไม่ผ่านพารามิเตอร์ดัชนีสิ้นสุด บันทึกอาร์เรย์ทั้งสองไปยังคอนโซล

console.log(myArray);  
console.log(slicedArray);

[2, 4, 5, 7, 9, 12, 14]  
[5, 7, 9, 12, 14]

เห็นได้ชัดว่าอาร์เรย์เริ่มต้นไม่ได้ถูกแก้ไขโดยเมธอด slice() แต่จะส่งกลับอาร์เรย์ใหม่ที่เก็บไว้ใน slicedArray ตัวแปร. นี่คือตัวอย่างที่พารามิเตอร์ดัชนีสิ้นสุดถูกส่งไปยัง ชิ้น() กระบวนการ.

let myArray = [2,4,5,7,9,12,14];  
let slicedArray = myArray.slice(1, 3);  
console.log(slicedArray);

[4, 5]

10. Array.splice()

มันทำอะไร: ประกบ() เป็นวิธีการอาร์เรย์ที่เป็นประโยชน์ซึ่งใช้ในการลบหรือแทนที่องค์ประกอบในอาร์เรย์ที่มีอยู่ โดยการระบุดัชนีและจำนวนองค์ประกอบที่จะลบ จะแก้ไขอาร์เรย์

let myArray = [2,4,5,7,9,12,14];  
myArray.splice(2, 3);  
console.log(myArray);

ในตัวอย่างข้างต้น the myArray อาร์เรย์ถูกต่อจากดัชนี 2 และองค์ประกอบ 3 จะถูกลบออกจากมัน อาร์เรย์ตอนนี้ประกอบด้วย:

[2, 4, 12, 14]

ในการแทนที่องค์ประกอบต่างๆ แทนที่จะเพียงแค่ลบ คุณสามารถส่งพารามิเตอร์ทางเลือกจำนวนเท่าใดก็ได้พร้อมกับองค์ประกอบที่คุณต้องการแทนที่ ดังนี้:

วิธีค้นหาแบบทดสอบความชอบของคุณ

let myArray = [2,4,5,7,9,12,14];  
myArray.splice(2, 3, 1, 2, 3);  
console.log(myArray);

[2, 4, 1, 2, 3, 12, 14]

11. Array.filter()

มันทำอะไร: กรอง() วิธีเป็นวิธีอาร์เรย์ที่มีประโยชน์ซึ่งใช้ฟังก์ชันที่มีการทดสอบและส่งคืนอาร์เรย์ใหม่พร้อมองค์ประกอบทั้งหมดที่ผ่านการทดสอบนั้น ตามชื่อ วิธีการนี้ใช้เพื่อกรององค์ประกอบที่คุณต้องการจากองค์ประกอบอื่นๆ การกรองทำได้โดยใช้ฟังก์ชันที่คืนค่าบูลีน

นี่คือตัวอย่างของ กรอง() วิธีที่ใช้เพื่อรับเฉพาะองค์ประกอบเหล่านั้นจากอาร์เรย์ที่หารด้วย 2 ลงตัว

let myArray = [2,4,5,7,9,12,14];  
let divisibleByTwo = myArray.filter((number) => number % 2 === 0);  
console.log(divisibleByTwo);

ในตัวอย่างข้างต้น ฟังก์ชันลูกศรจะถูกส่งผ่านเป็นพารามิเตอร์ซึ่งรับแต่ละตัวเลขจากอาร์เรย์ดั้งเดิมและตรวจสอบว่าหารด้วย 2 ลงตัวหรือไม่โดยใช้โมดูโล ( % ) และ ความเท่าเทียมกัน ( === ) ตัวดำเนินการ นี่คือผลลัพธ์ที่ดูเหมือน:

[2, 4, 12, 14]

12. Array.reduce()

มันทำอะไร: ลด() เป็นวิธีการอาร์เรย์ที่ใช้ฟังก์ชันรีดิวเซอร์และดำเนินการกับแต่ละองค์ประกอบอาร์เรย์เพื่อส่งออกค่าเดียวในขณะที่ส่งคืน ใช้ฟังก์ชันรีดิวเซอร์พร้อมตัวแปรสะสมและตัวแปรองค์ประกอบปัจจุบันเป็นพารามิเตอร์ที่จำเป็น ค่าของตัวสะสมจะถูกจดจำในการทำซ้ำทั้งหมด และสุดท้ายจะถูกส่งคืนหลังจากการวนซ้ำครั้งสุดท้าย

กรณีการใช้งานที่เป็นที่นิยมของวิธีนี้คือการคำนวณผลรวมขององค์ประกอบทั้งหมดในอาร์เรย์ การใช้งานฟังก์ชันนี้มีดังนี้:

let myArray = [2,4,5,7,9,12,14];  
let sumOfNums = myArray.reduce((sum, currentNum) => sum + currentNum, 0);

0 ถูกส่งผ่านเป็นพารามิเตอร์ที่สองในตัวอย่างข้างต้น ซึ่งใช้เป็นค่าเริ่มต้นของตัวแปรสะสม NS sumOfNums ตัวแปรจะมีค่าส่งคืนของ ลด() วิธีการซึ่งคาดว่าจะเป็นผลรวมขององค์ประกอบทั้งหมดในอาร์เรย์

console.log(sumOfNums); 53

13. Array.includes()

ให้ประโยชน์อะไรบ้าง: การค้นหาองค์ประกอบในอาร์เรย์เพื่อตรวจสอบว่ามีอยู่หรือไม่เป็นการดำเนินการที่ใช้บ่อย ดังนั้น JavaScript จึงมีเมธอดในตัวสำหรับสิ่งนี้ในรูปแบบของ รวมถึง() วิธีอาร์เรย์ วิธีใช้งานมีดังนี้

let myArray = [2,4,5,7,9,12,14];  
console.log(myArray.includes(4));  
console.log(myArray.includes(2, 1));  
console.log(myArray.includes(12, 2));  
console.log(myArray.includes(18));

เมธอดนี้ใช้พารามิเตอร์ที่จำเป็น องค์ประกอบที่จะค้นหา และพารามิเตอร์ทางเลือก ดัชนีอาร์เรย์ที่จะเริ่มต้นการค้นหา ขึ้นอยู่กับว่าองค์ประกอบนั้นมีอยู่หรือไม่มันจะกลับมา จริง หรือ เท็จ ตามลำดับ ดังนั้นผลลัพธ์จะเป็น:

true  
false  
true  
false

14. Array.indexOf()

มันทำอะไร: ดัชนีของ() เมธอดใช้เพื่อค้นหาดัชนีที่การเกิดขึ้นครั้งแรกขององค์ประกอบที่ระบุสามารถพบได้ในอาร์เรย์ แม้ว่าจะคล้ายกับเมธอด include() แต่เมธอดนี้จะคืนค่าดัชนีตัวเลขหรือ -1 หากองค์ประกอบนั้นไม่มีอยู่ในอาร์เรย์

let myArray = [2,4,5,7,9,12,14];  
console.log(myArray.indexOf(4));  
console.log(myArray.indexOf('4'));  
console.log(myArray.indexOf(9, 2));

ดัชนีของ() method ใช้ความเท่าเทียมกันอย่างเข้มงวดเพื่อตรวจสอบว่ามีองค์ประกอบอยู่หรือไม่ ซึ่งหมายความว่าค่า เช่นเดียวกับประเภทข้อมูลควรเหมือนกัน พารามิเตอร์ทางเลือกที่สองใช้ดัชนีเพื่อเริ่มการค้นหา ตามเกณฑ์เหล่านี้ ผลลัพธ์จะมีลักษณะดังนี้:

1  
-1  
4

15. Array.fill()

ให้ประโยชน์อะไรบ้าง: บ่อยครั้ง คุณอาจต้องตั้งค่าทั้งหมดในอาร์เรย์ให้เป็นค่าคงที่ เช่น 0 แทนที่จะใช้การวนซ้ำ คุณสามารถลองใช้ เติม() วิธีการเพื่อจุดประสงค์เดียวกัน คุณสามารถเรียกใช้เมธอดนี้ในอาร์เรย์ที่มีพารามิเตอร์ที่จำเป็น 1 ตัว ได้แก่ ค่าที่จะเติมอาร์เรย์และพารามิเตอร์ทางเลือก 2 ตัว ได้แก่ ดัชนีเริ่มต้นและสิ้นสุดที่จะเติมระหว่าง วิธีนี้จะแก้ไขอาร์เรย์ที่ออก

let myArray = [2,4,5,7,9,12,14];  
let array1 = myArray.fill(0);  
myArray = [2,4,5,7,9,12,14];  
let array2 = myArray.fill(0, 2);  
myArray = [2,4,5,7,9,12,14];  
let array3 = myArray.fill(0, 1, 3);

ในการบันทึกเอาต์พุตไปยังคอนโซล คุณจะเห็น:

console.log(array1);  
console.log(array2);  
console.log(array3);

[0, 0, 0, 0, 0, 0, 0]  
[2, 4, 0, 0, 0, 0, 0]  
[2, 0, 0, 7, 9, 12, 14]

ขั้นตอนต่อไปในการเดินทาง JavaScript ของคุณ

อาร์เรย์เป็นส่วนที่มีประสิทธิภาพของภาษา JavaScript ซึ่งเป็นเหตุผลว่าทำไมจึงมีวิธีการมากมายในตัวเพื่อทำให้ชีวิตของคุณง่ายขึ้นในฐานะนักพัฒนา วิธีที่ดีที่สุดที่จะเชี่ยวชาญทั้ง 15 วิธีนี้คือการฝึกปฏิบัติ

ในขณะที่คุณเรียนรู้ JavaScript ต่อไป MDN เป็นทรัพยากรที่ยอดเยี่ยม สำหรับเอกสารโดยละเอียด รับความสะดวกสบายในคอนโซล จากนั้นยกระดับทักษะของคุณด้วยตัวแก้ไข JavaScript ที่ดีที่สุดสำหรับโปรแกรมเมอร์ พร้อมที่จะสร้างเว็บไซต์ของคุณด้วย JavaScript แล้วหรือยัง? ทำไมไม่ลองดูที่กรอบการทำงานบางอย่างที่คุณสามารถพิจารณาได้

แบ่งปัน แบ่งปัน ทวีต อีเมล 6 JavaScript Frameworks ที่ควรค่าแก่การเรียนรู้

มีเฟรมเวิร์ก JavaScript มากมายที่ช่วยในการพัฒนา นี่คือบางส่วนที่คุณควรรู้

อ่านต่อไป หัวข้อที่เกี่ยวข้อง

การเขียนโปรแกรม
JavaScript
เคล็ดลับการเข้ารหัส

เกี่ยวกับผู้เขียน นิทิน รังคนาถ(31 บทความที่ตีพิมพ์)

Nitin เป็นนักพัฒนาซอฟต์แวร์ตัวยงและเป็นนักศึกษาวิศวกรรมคอมพิวเตอร์ที่พัฒนาเว็บแอปพลิเคชันโดยใช้เทคโนโลยี JavaScript เขาทำงานเป็นนักพัฒนาเว็บอิสระและชอบเขียนสำหรับ Linux และการเขียนโปรแกรมในเวลาว่าง

เพิ่มเติมจาก Nitin Ranganath

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก