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
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
คุณสามารถคำนวณค่า 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);

พื้นฐานของ 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);

พื้นฐานของ 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);

พื้นฐานของ 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
ตรวจสอบอย่างรวดเร็ว: วิธีใช้ตัวสะสม

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

คำถามที่พบบ่อย
บทเรียน “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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- map และ filter — พื้นฐานสำคัญ
- reduce, some/every, find — รูปแบบง่าย ๆ