Javascript หาค่า Min Max Sum Average ค่าใน Array และ Objects

เราขอแนะนำตัวอย่างการเขียนคำสั่ง 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 หาค่า Min Max Sum Average ค่าใน Array และ Objects ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย

เทคนิคอื่นๆ เกี่ยวกับการเขียนโค้ด คลิก

อย่าลืมไปติดตาม Facebook fanpage ของเรา >> Click <<

หมวดหมู่เกี่ยวกับ Coding

เนื้อหาที่คล้ายกัน...

Bootstrap datepicker thai วิธีทำ datepicker php ภาษาไทย

Bootstrap datepicker thai วิธีทำ datepicker php ภาษาไทย

ดูเพลิน Admin - 21 ธ.ค. 65
Javascript การหาร ปัดเศษขึ้น ปัดเศษลง และหารไม่เอาเศษ

Javascript การหาร ปัดเศษขึ้น ปัดเศษลง และหารไม่เอาเศษ

ดูเพลิน Admin - 08 ม.ค. 66
แจกฐานข้อมูล จังหวัด อำเภอ ตำบล และ Dropdown jQuery Ajax

แจกฐานข้อมูล จังหวัด อำเภอ ตำบล และ Dropdown jQuery Ajax

ดูเพลิน Admin - 23 ธ.ค. 65
Javascript เทคนิค Check & Get ค่า Hash จาก URL

Javascript เทคนิค Check & Get ค่า Hash จาก URL

ดูเพลิน Admin - 26 ม.ค. 66
Code script ตรวจสอบรูปแบบ Email pattern แบบ Real-time

Code script ตรวจสอบรูปแบบ Email pattern แบบ Real-time

ดูเพลิน Admin - 28 ธ.ค. 65
Debug CSS @media print วิธีดีบั๊ก print preview

Debug CSS @media print วิธีดีบั๊ก print preview

ดูเพลิน Admin - 04 ม.ค. 66
ทำ Search Table การ Filter ซ่อน/แสดง row เมื่อกรอก Textbox

ทำ Search Table การ Filter ซ่อน/แสดง row เมื่อกรอก Textbox

ดูเพลิน Admin - 23 ม.ค. 66
Code script ตรวจสอบรูปแบบ URL pattern แบบ Real-time

Code script ตรวจสอบรูปแบบ URL pattern แบบ Real-time

ดูเพลิน Admin - 28 ธ.ค. 65

เรื่องราวเอื่น ๆ ในหมวดเทคนิคการเขียนโค้ด...

let value = 147/32; let result_value = Math.round(value); console.info('Value = '+value+' Result = '+result_value); //ผลลัพธ์ Value = 4.59 Result = 5let value = 147/33; let result_value = Math.round(value); console.info('Value = '+value+' Result = '+result_value); //ผลลัพธ์ Value = 4.454 Result = 4