0Pricing
JavaScript Academy · บทเรียน

reduce, some/every, find — รูปแบบง่าย ๆ

เรียนรู้ reduce สำหรับหาผลรวม some/every สำหรับตรวจสอบค่าบูลีน และ find เพื่อรับรายการแรกที่ตรงเงื่อนไข

reduce, some/every, find — รูปแบบง่าย ๆ เป็นบทเรียน JavaScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 2 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน JavaScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 2 บทเรียน

รู้จัก reduce และฟังก์ชันที่เกี่ยวข้อง

เป้าหมาย: รวมค่าหลายค่าให้เป็นค่าเดียวด้วย reduce ตรวจสอบอาร์เรย์ด้วย some/every และค้นหาค่าที่ตรงกันค่าแรกด้วย find

  • reduce: ผลรวม
  • some/every: การตรวจสอบอย่างรวดเร็ว
  • find: ค่าที่ตรงกันค่าแรก
reduce, some/every, find — รูปแบบง่าย ๆ — ภาพประกอบ 1

หาผลรวมด้วย reduce

reduce รับฟังก์ชันเรียกกลับและค่าเริ่มต้น ให้คืนค่าตัวสะสมถัดไปในแต่ละขั้น

// reduce: sum numbers with an initial value
const prices = [4, 6, 3];

const total = prices.reduce(function (acc, n) {
  // Add current number to the accumulator
  return acc + n;
}, 0);

console.log("Total:", total);
reduce, some/every, find — รูปแบบง่าย ๆ — ภาพประกอบ 2

หาค่าต่ำสุดด้วย reduce

คุณสามารถคำนวณค่า min หรือ max ได้โดยเปรียบเทียบตัวสะสมกับแต่ละค่า

// reduce: smallest number
const nums = [7, 2, 9, 4];

const min = nums.reduce(function (acc, n) {
  // Keep the smaller of acc or n
  return n < acc ? n : acc;
}, Infinity);

console.log("Min:", min);
reduce, some/every, find — รูปแบบง่าย ๆ — ภาพประกอบ 3

พื้นฐานของ some

some จะคืนค่า true หากมีรายการใดก็ตามผ่านการทดสอบ

// some: is there any even number?
const list = [1, 5, 8, 11];

const hasEven = list.some(function (n) {
  return n % 2 === 0;
});

console.log("Has even?", hasEven);
reduce, some/every, find — รูปแบบง่าย ๆ — ภาพประกอบ 4

พื้นฐานของ every

every จะคืนค่า true ก็ต่อเมื่อรายการทั้งหมดผ่านการทดสอบ

// every: are all ages 18+ ?
const ages = [22, 19, 31];

const allAdults = ages.every(function (a) {
  return a >= 18;
});

console.log("All adults?", allAdults);
reduce, some/every, find — รูปแบบง่าย ๆ — ภาพประกอบ 5

พื้นฐานของ find

find จะคืนค่ารายการแรกที่ตรงกับการทดสอบของคุณ หรือคืนค่า ไม่มีค่า หากไม่มีรายการใดตรงกัน

// find: get the first matching value (or undefined)
const users = [
  { name: "Ayla", active: true },
  { name: "Mina", active: false },
  { name: "Lena", active: true }
];

const firstInactive = users.find(function (u) {
  return u.active === false;
});

console.log("First inactive:", firstInactive);
reduce, some/every, find — รูปแบบง่าย ๆ — ภาพประกอบ 6

แบบทดสอบแนวคิด reduce

ตรวจสอบอย่างรวดเร็ว: วิธีใช้ตัวสะสม

reduce, some/every, find — รูปแบบง่าย ๆ — ภาพประกอบ 7

ทบทวน

ทบทวน: ใช้ reduce สำหรับผลรวมหรือค่าต่ำสุด/สูงสุด ใช้ some เพื่อตรวจว่า “มีรายการใดบ้างหรือไม่” ใช้ every เพื่อตรวจว่า “ทุกรายการหรือไม่” และใช้ find เพื่อดึงรายการแรกที่ตรงกัน

reduce, some/every, find — รูปแบบง่าย ๆ — ภาพประกอบ 8

คำถามที่พบบ่อย

บทเรียน “reduce, some/every, find — รูปแบบง่าย ๆ” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “reduce, some/every, find — รูปแบบง่าย ๆ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส JavaScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 2 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “reduce, some/every, find — รูปแบบง่าย ๆ”

เรียนรู้ reduce สำหรับหาผลรวม some/every สำหรับตรวจสอบค่าบูลีน และ find เพื่อรับรายการแรกที่ตรงเงื่อนไข คุณปฏิบัติ JavaScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน JavaScript Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน JavaScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 2 บทเรียน

บทเรียน “reduce, some/every, find — รูปแบบง่าย ๆ” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน JavaScript Academy นี้ได้ไหม

ได้ บทเรียน JavaScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. map และ filter — พื้นฐานสำคัญ
  2. reduce, some/every, find — รูปแบบง่าย ๆ
← กลับไปที่ JavaScript Academy