เราขอแนะนำตัวอย่างการเขียนคำสั่ง Javascript Function ที่ใช้บ่อย เพื่อหาค่า Min (น้อยสุด), Max (มากสุด), Sum (ผลรวม), Average (ค่าเฉลี่ย) ตัวเลขภายใน Array และ Objects variable จะเขียนยังไง ลองมาอ่านดูคะ
ตัวอย่างการเขียนโค้ด Javascript สำหรับ หาค่า Min / Max / Sum / Average ตัวเลขใน Array
สร้าง Function สำหรับหาค่าขึ้นมาก่อน ตามตัวอย่างด้านล่าง
function min(numbers) { //หาค่าน้อยสุด return Math.min(...numbers); } function max(numbers) { //หาค่ามากสุด return Math.max(...numbers); } function sum(numbers) { //หาค่าผลรวม return numbers.reduce((a, b) => a + b, 0); } function average(numbers) { //หาค่าเฉลี่ย return sum(numbers) / numbers.length; }
ตัวอย่างการเรียกใช้งาน Function เพื่อหาค่าต่าง ๆ
let numbers = [12, 24, 33, 42, 56]; console.log(`Min: ${min(numbers)}`); console.log(`Max: ${max(numbers)}`); console.log(`Sum: ${sum(numbers)}`); console.log(`AVG: ${average(numbers)}`); ผลลัพธ์ Min: 12 Max: 56 Sum: 167 AVG: 33.4
ในความจริงแล้ว ถ้าคุณข้าใจเกี่ยวกับ Method ของ Javascript แล้ว ก็ไม่จำเป็นที่ต้องเขียน Function ตามตัวอย่างด้านบนเลยก็ได้ และคุณสามารถเรียก Method ของ Javascript ตรง ๆ แบบนี้ได้เลย
let numbers = [12, 24, 33, 42, 56]; console.log(`Min: ${Math.min(...numbers)}`); console.log(`Max: ${Math.max(...numbers)}`); console.log(`Max: ${numbers.reduce((a, b) => a + b, 0)}`); console.log(`Max: ${numbers.reduce((a, b) => a + b, 0)/numbers.length}`); ผลลัพธ์ Min: 12 Max: 56 Sum: 167 AVG: 33.4
ตัวอย่างการเขียนโค้ด Javascript สำหรับ หาค่า Min / Max / Sum / Average ตัวเลขใน Objects
เนื้อหาโดยทั่วไปจะคล้าย ๆ กับการหาค่าใน Array (หากงงในส่วนไหนสามารถย้อนกลับไปอ่านด้านบนได้) แต่จะต่างกันนิดหน่อยเนื่องจากเราไม่สามารถเข้าไปอ่าน Value ของ Objects ได้โดยตรงเหมือนกับที่อ่านค่าใน Array ดังนั้นเราจะใช้งาน Method `Object.values()` เพิ่มดึงค่าตัวแปร Objects ออกเป็น Array
ตัวอย่างหาค่า Min / Max ในตัวแปร Objects javascript
let numbers = { a: 5, b: 7, c: 3, d: 12 }; let values = Object.values(numbers); console.log(`Values: ${values}`); console.log(`Min: ${Math.min(...values)}`); console.log(`Max: ${Math.max(...values)}`); ผลลัพธ์ Values: (4) [5, 7, 3, 12] Min: 3 Max: 12
ตัวอย่างหาค่า Sum/Average ในตัวแปร Objects javascript
let numbers = { a: 5, b: 7, c: 3, d: 12 }; let values = Object.values(numbers); let total = values.reduce((a, b) => a + b); console.log(`Sum: ${total}`); console.log(`AVG: ${total/values.length}`); ผลลัพธ์ Sum: 27 AVG: 6.75
สรุปการใช้งาน Method sort() และ reverse() ของ Javascript
- sort() ใช้สำหรับเรียงข้อมูลใน Array จากน้อยไปหามาก โดยวิธีการใช้งาน คือ ตัวแปร.sort()
- reverse() ใช้สำหรับเรียงข้อมูลใน Array จากมากไปหาน้อย โดยจะใช้งาน ร่วมกับ Method sort() คือ ชื่อตัวแปร.sort().reverse();
บทความอื่น ๆ เกี่ยวกับ Javascript Math คำนวณและแสดงผลตัวเลข
บทความอื่น ๆ เกี่ยวกับ Javascript Array และ Object
บทความอื่น ๆ ที่เกี่ยวข้องกับ Javascript/jQuery
- Bootstrap datepicker thai วิธีทำ datepicker php ภาษาไทย
- Code script เช็คเลขบัตรประชาชน แบบ Real-time
- Code script ตรวจสอบรูปแบบ URL pattern แบบ Real-time
- Code script ตรวจสอบรูปแบบ Email pattern แบบ Real-time
- Javascript เปิด/ปิด ซ่อน/แสดง Element โดยใช้ jQuery แบบต่างๆ
- Javascript เทคนิค Check & Get ค่า Hash จาก URL
- แจกฐานข้อมูล จังหวัด อำเภอ ตำบล และ Dropdown jQuery Ajax
- วิธีทำ Textbox Autocomplete จากฐานข้อมูล ด้วย jQuery Ajax
- วิธีทำ Search Table การ Filter ซ่อน/แสดง row เมื่อกรอก Textbox
- เทคนิค วิธีการ Set Delay ให้กับ Function Javascript
เป็นยังไงกันบ้างคะสำหรับบทความ Javascript หาค่า Min Max Sum Average ค่าใน Array และ Objects ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย