แม้อาร์เรย์จะมีฟังก์ชันคิวครบแล้ว มาสร้างคลาส Queue เอง ฟังก์ชันที่ต้องมี: enqueue(element): เพิ่มสมาชิกในคิว dequeue(): นำสมาชิกออกจากคิว peek(): ดูสมาชิกหัวคิว isFull(): ตรวจสอบเต็มหรือไม่ isEmpty(): ตรวจสอบว่างหรือไม่ clear(): ล้างทั้งหมด display(): แสดงเนื้อหา เริ่มด้วย constructor รับขนาดสูง

Enqueue หมายถึงเพิ่มสมาชิกที่ท้ายคิว (tail) ใช้จุดสิ้นสุดของอาร์เรย์เป็น tail ใช้ push() เพื่อเพิ่มที่ท้าย: ตัวอย่าง enqueue(element) { if (this.isFull()) { console.log("Queue Overflow!"); return; } this.container.push(element); } ทดสอบ: ตัวอย่าง let q = new Queue(2);

Dequeue หมายถึงนำสมาชิกออกจากหัวคิว (front/head) เราใช้จุดเริ่มต้นของอาร์เรย์เป็นหัวคิว ใช้งาน shift() เพื่อนำออกจากหัว: ตัวอย่าง dequeue() { if (this.isEmpty()) { console.log("Queue Underflow!"); return; } return this.container.shift(); } ทดสอบ: ตัวอย่าง let q = new

Peek คิวหมายถึงดูค่าที่หัวคิว (head) โดยไม่ลบออก ใช้งานได้ดังนี้: ตัวอย่าง peek() { if (isEmpty()) { console.log("Queue Underflow!"); return; } return this.container[0]; } ทดสอบการทำงาน: ตัวอย่าง let q = new Queue(2); q.enqueue(3); q.enqueue(4); console.log(q.peek()

JavaScript มีฟังก์ชัน sort ที่ทรงพลัง โดยค่าเริ่มต้นเรียงตามตัวอักษร ตัวอย่าง: ตัวอย่าง let arr1 = ["Zebra", "Bear", "Tiger"]; arr1.sort(); console.log(arr1); ผลลัพธ์ จะได้ผลลัพธ์: [ Bear, Tiger, Zebra ] ลองกับตัวเลข: ตัวอย่าง let arr1 = [1, 8, 31, 21]; arr1.sort();

JavaScript มีฟังก์ชันสำหรับค้นหาสมาชิกในอาร์เรย์ เริ่มจากพื้นฐาน indexOf วนทั้งอาร์เรย์คืนดัชนีถ้าพบ ไม่พบคืน -1 ตัวอย่าง: ตัวอย่าง let people = ["Harry", "Martha", "John", "Sam"]; console.log(people.indexOf("John")) console.log(people.indexOf(&qu

Multi-dimension arrays ใช้เมื่ออยากใส่อาร์เรย์เข้าไปในอาร์เรย์ ตัวอย่าง: อยากเก็บอุณหภูมิทุก 6 ชม. ทุกวันในสัปดาห์ อาจทำได้: let monday = [35, 28, 29, 31]; let tuesday = [33, 24, 25, 29]; //... แต่ควรใช้ multidimensional array แทน คืออาร์เรย์ของอาร์เรย์ แต่ละแถวแทนวัน แต่ละคอลัมน์แทนอุณหภูมิ: let

มาดู for loop มี 2 รูปแบบใน JS รูปแบบแรกคือ init, condition, expr loop เริ่มต้นคำสั่งแรก แล้วแต่ละรอบรัน expr และตรวจสอบ condition ตัวอย่าง var step; for (step = 0; step < 5; step++) { console.log(Taking step + step); } ผลลัพธ์ จะได้ผลลัพธ์: Taking step 0 Taking step 1 Taking step 2 Takin

วัตถุประสงค์ของลูป while คือรันคำสั่งหรือบล็อกโค้ดซ้ำๆ ตราบใดที่นิพจน์เป็นจริง เมื่อเป็นเท็จ ลูปจะหยุด ตัวอย่าง let i = 0; while (i < 5) { console.log("Hello"); i = i + 1; } ผลลัพธ์ จะได้ผลลัพธ์: Hello Hello Hello Hello Hello

ลูป do...while คล้าย while แต่ตรวจสอบเงื่อนไขท้ายลูป หมายความว่าลูปจะรันอย่างน้อย 1 ครั้ง แม้เงื่อนไขจะเป็น false ตัวอย่าง: ตัวอย่าง let i = 0; do { console.log("Hello"); i = i + 1; } while (i < 5); จะได้ผลลัพธ์: ผลลัพธ์ Hello Hello Hello Hello Hello

นอกจากการวนลูปแบบปกติ JavaScript มี iterator functions หลายอย่างสำหรับวนอาร์เรย์ มาดูบ้าง: ฟังก์ชัน forEach รันฟังก์ชันที่ส่งเข้าไปสำหรับทุกสมาชิกในอาร์เรย์ ตัวอย่าง: ตัวอย่าง let people = [Harry, Martha, John, Sam] people.forEach(person => console.log(person.toUpperCase())); จะได้ผลลัพธ์: ผลลั

Stack เป็น Abstract Data Type (ADT) ใช้ทั่วไปในภาษาโปรแกรมมิ่ง ชื่อว่า stack เพราะทำงานเหมือน stack จริง เช่น ไพ่หรือจานซ้อนกัน Stack อนุญาตให้ดำเนินการที่ปลายเดียวเท่านั้น ทำให้เป็นโครงสร้าง LIFO (Last-In-First-Out) สมาชิกที่ใส่ล่าสุดจะถูกเข้าถึงก่อน ใน stack เรียกการใส่ว่า PUSH การนำออกว่า POP แ

แม้อาร์เรย์ใน JavaScript จะมีฟังก์ชันครบครันสำหรับ Stack แล้ว มาลองสร้างคลาส Stack เองกัน คลาสของเราจะมีฟังก์ชันดังนี้: push(element): ใส่สมาชิกบนสุดของ stack pop(): นำสมาชิกบนสุดออกและคืนค่า peek(): คืนค่าสมาชิกบนสุด isFull(): ตรวจสอบว่าถึงขีดจำกัดหรือยัง isEmpty(): ตรวจสอบว่าว่างหรือไม่ clear():

เพื่อสร้าง collapsible list group ให้ใช้ property panel-collapse ร่วมกับ list-group ตัวอย่าง Property list-group แสดงรายการด้วย list-group-item: <!DOCTYPE html> <html> <head> <title>Bootstrap Example</title> <link href = "/bootstrap/css/bootstrap.m

อาร์เรย์เป็นคอนเทนเนอร์ที่เก็บจำนวนสมาชิกคงที่ และสมาชิกเหล่านี้ควรเป็นชนิดเดียวกัน เก็บข้อมูลแบบลำดับคงที่ของสมาชิกชนิดเดียวกัน ใช้เก็บชุดข้อมูล แต่คิดว่ามันเป็นชุดตัวแปรชนิดเดียวกันก็ได้ ทำไมต้องใช้อาร์เรย์? สมมติอยากบันทึกอุณหภูมิเฉลี่ยทุกวันในสัปดาห์ อาจทำได้ดังนี้: let avgTempMon = 35; let av

มีหลายวิธีในการสร้างอาร์เรย์ใน JavaScript มาดูวิธีสร้างอาร์เรย์ว่าง 2 วิธีก่อน: let myArr = []; let myArr = new Array(); ทั้งสองบรรทัดสร้างอาร์เรย์ว่าง ชุมชน JavaScript ชอบวิธีแรกเพราะอ่านง่าย พิมพ์ง่าย และทำงานเหมือนกัน คุณยังสามารถใส่ค่าเริ่มต้นขณะสร้างได้ 2 วิธี: let myArr = ["Mon", &

สามารถทำได้โดยใช้เมธอด push ตัวอย่างเช่น: let veggies = ["Onion", "Raddish"]; veggies.push("Cabbage"); console.log(veggies); จะได้ผลลัพธ์: ["Onion", "Raddish", "Cabbage"] สามารถเพิ่มหลายสมาชิกพร้อมกันได้ เนองรองรับ arguments หลายค่า ตัวอ

สามารถทำได้โดยใช้เมธอด unshift ตัวอย่างเช่น: let veggies = ["Onion", "Raddish"]; veggies.unshift("Cabbage"); console.log(veggies); จะได้ผลลัพธ์: ["Cabbage", "Onion", "Raddish"] สามารถเพิ่มหลายสมาชิกพร้อมกันได้ เนองรองรับ arguments หลายค่

บางครั้งต้องการเพิ่มสมาชิกในตำแหน่งที่กำหนดของอาร์เรย์ JavaScript ไม่รองรับโดยตรง จึงต้องสร้างฟังก์ชันเอง สามารถเพิ่มเข้าไปใน Array prototype เพื่อใช้งานโดยตรงบนอ็อบเจกต์ ตัวอย่าง: ฟังก์ชัน insert แบบกำหนดเอง Array.prototype.insert = function(data, position) { if (position >= this.length) {

การลบสมาชิกจากจุดสิ้นสุดของอาร์เรย์ สามารถทำได้โดยใช้เมธอด pop ตัวอย่างเช่น: ตัวอย่าง let veggies = ["Onion", "Raddish"]; veggies.pop(); console.log(veggies); ผลลัพธ์ จะได้ผลลัพธ์ดังนี้: ["Onion"]