การใช้งาน Sum all element in array ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

# การใช้งานฟังก์ชัน Sum all element in array ในภาษา JavaScript แบบง่ายๆ

บทนำ

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

ตัวอย่างการ Sum all element in array

ในการเริ่มต้น สมมติว่าเรามี array ดังนี้:

 let numbers = [1, 2, 3, 4, 5];

เป้าหมายของเราคือการหาผลรวมขององค์ประกอบทั้งหมดใน array นี้ วิธีทั่วไปที่สุดใน JavaScript คือการใช้ loop หรือการใช้ฟังก์ชัน Array.prototype.reduce() ต่อไปนี้เป็นตัวอย่างโค้ดทั้ง 3 วิธี:

ตัวอย่างที่ 1: ใช้ for loop

 let sum = 0;

for (let i = 0; i < numbers.length; i++) {
  sum += numbers[i];
}

console.log(sum); // ผลลัพธ์: 15

ตัวอย่างที่ 2: ใช้ for...of loop

 let sum = 0;

for (let number of numbers) {
  sum += number;
}

console.log(sum); // ผลลัพธ์: 15

ตัวอย่างที่ 3: ใช้ reduce()

 let sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue);

console.log(sum); // ผลลัพธ์: 15

การทำงานของแต่ละวิธี

for loop

ในตัวอย่างที่ 1 เราใช้ `for` loop ซึ่งเป็นวิธีที่ค่อนข้างดั้งเดิมในการทำซ้ำค่าอาเรย์แล้วรวมค่าตัวเลขเข้าด้วยกันโดยใช้ตัวแปร `sum` เพื่อเก็บค่าสะสม วิธีนี้เข้าใจง่ายและสามารถใช้ได้ในสถานการณ์หลายๆ อย่าง

for...of loop

ตัวอย่างที่ 2 แสดงให้เห็นวิธีการใช้ `for...of` loop ที่เป็นวิธีการใหม่ขึ้นใน ES6 ที่ช่วยให้โค้ดอ่านง่ายขึ้น มันอนุญาตให้เราทำซ้ำค่าโดยตรงออกมาจากอาเรย์

reduce()

ในตัวอย่างที่ 3 เรามาดูที่ `reduce()` function ซึ่งเป็นพลังใน ECMAScript 5 ที่ช่วยให้เราสามารถรวมค่าในอาเรย์เป็นค่าเดียวโดยไม่ต้องเขียน loop แบบดั้งเดิม มันให้โครงสร้างที่ชัดเจนและมิติใหม่ในการเขียนโค้ด

Usecase ในโลกจริง

การรวมค่าขององค์ประกอบใน array อาจเป็นส่วนหนึ่งของฟังก์ชั่นการคำนวณหลากหลาย ตัวอย่างเช่น:

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

การเข้าใจวิธีการทำงานของการ sum ใน array จึงเป็นส่วนที่สำคัญของการเป็นโปรแกรมเมอร์ที่มีทักษะ และเมื่อได้ทดลองกับตัวอย่างเหล่านี้ นักเรียนที่ EPT สามารถนำความรู้ไปประยุกต์ใช้ในหลายๆ สถานการณ์ที่มีความแตกต่างกันได้

สรุป

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

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

Tag ที่น่าสนใจ: javascript array sum loop for_loop for...of_loop reduce programming es6 function code_example programming_basics

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM

แผนที่ ที่ตั้งของอาคารของเรา

EXPERT-PROGRAMMING-TUTOR
รับสอนเขียนโปรแกรมคอมพิวเตอร์

JavaScript

การใช้งาน Sum all element in array ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

บทนำ

ตัวอย่างการ Sum all element in array

การทำงานของแต่ละวิธี

Usecase ในโลกจริง

สรุป

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

ติดต่อเราได้ที่

EXPERT-PROGRAMMING-TUTOR รับสอนเขียนโปรแกรมคอมพิวเตอร์

JavaScript

การใช้งาน Sum all element in array ในภาษา JavaScript แบบง่ายๆ พร้อมตัวอย่าง

บทนำ

ตัวอย่างการ Sum all element in array

การทำงานของแต่ละวิธี

Usecase ในโลกจริง

สรุป

บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

ติดต่อเราได้ที่

EXPERT-PROGRAMMING-TUTOR
รับสอนเขียนโปรแกรมคอมพิวเตอร์