// array.splice(start)
// ลบตั้งแต่ start ถึงจบ — 1 argument

// array.splice(start, deleteCount)
// ลบ deleteCount ตัว — 2 arguments

// array.splice(start, deleteCount, item1, item2, ...)
// ลบ deleteCount ตัว แล้วใส่ item1, item2, ... แทน — 3+ arguments

const letters = ["A", "B", "C", "D", "E"];
// index:              0    1    2    3    4

// splice(1, 2) — เริ่มที่ index 1, ลบ 2 ตัว
const removed = letters.splice(1, 2);

console.log(removed);  // ["B", "C"]  ← element ที่ถูกตัดออก
console.log(letters);  // ["A", "D", "E"]  ← ต้นฉบับเปลี่ยนแล้ว ✓

const fruits = ["แอปเปิ้ล", "กล้วย", "ส้ม", "มะม่วง", "องุ่น"];
// index:            0         1       2       3       4

// === splice(2) — ลบตั้งแต่ index 2 ถึงจบ
const removed = fruits.splice(2);

console.log(removed);  // ["ส้ม", "มะม่วง", "องุ่น"] ← 3 ตัวสุดท้ายถูกตัด
console.log(fruits);   // ["แอปเปิ้ล", "กล้วย"] ← เหลือแค่ 2 ตัวแรก ✓

// === splice(0) — ลบทั้งก้อน
const nums = [10, 20, 30, 40, 50];
const all = nums.splice(0);

console.log(all);  // [10, 20, 30, 40, 50] ← ได้ทุกตัวคืน
console.log(nums); // [] ← เหลือ array เปล่า

const items = ["a", "b", "c"];
// length = 3

// splice(5) — start = 5 > length → ไม่ลบอะไร
const nothing = items.splice(5);

console.log(nothing); // []
console.log(items);   // ["a", "b", "c"] — ไม่เปลี่ยน ✓
// splice(5) ไม่ error — แค่ไม่มีอะไรให้ลบ

const colors = ["แดง", "เขียว", "น้ำเงิน", "เหลือง", "ม่วง", "ชมพู"];
// index:              0       1        2        3       4       5

// === splice(2, 1) — ลบ 1 ตัวที่ index 2 ("น้ำเงิน")
const oneRemoved = colors.splice(2, 1);

console.log(oneRemoved); // ["น้ำเงิน"]
console.log(colors);     // ["แดง", "เขียว", "เหลือง", "ม่วง", "ชมพู"]
// "น้ำเงิน" หายไป — element ด้านหลังเลื่อนซ้ายมาแทน ✓

// === splice(1, 3) — ลบ 3 ตัวตั้งแต่ index 1
const colors2 = ["แดง", "เขียว", "น้ำเงิน", "เหลือง", "ม่วง", "ชมพู"];
const threeRemoved = colors2.splice(1, 3);

console.log(threeRemoved); // ["เขียว", "น้ำเงิน", "เหลือง"]
console.log(colors2);      // ["แดง", "ม่วง", "ชมพู"]

const nums = [10, 20, 30, 40, 50];
// length = 5

// splice(2, 10) — deleteCount = 10 แต่เหลือแค่ 3 ตัว → ลบแค่ 3 ตัว
const removed = nums.splice(2, 10);

console.log(removed); // [30, 40, 50] — ได้แค่ที่เหลือ ไม่ error
console.log(nums);    // [10, 20]

// splice(0, 0) — deleteCount = 0 → ไม่ลบอะไร
const items = ["a", "b", "c"];
const r = items.splice(0, 0);
console.log(r);      // []
console.log(items);  // ["a", "b", "c"] — ไม่เปลี่ยน

const letters = ["A", "B", "C", "D", "E"];
// index:              0    1    2    3    4

// === splice(1, 2, "X", "Y") — ลบ "B","C" แล้วใส่ "X","Y" แทน
const removed = letters.splice(1, 2, "X", "Y");

console.log(removed);  // ["B", "C"] ← element เดิมที่ถูกลบ
console.log(letters);  // ["A", "X", "Y", "D", "E"]

// === splice(2, 1, "Z") — ลบ "C" แล้วใส่ "Z" แทน
const items = ["A", "B", "C", "D", "E"];
items.splice(2, 1, "Z");

console.log(items);    // ["A", "B", "Z", "D", "E"]
// "C" หาย → "Z" เข้ามาแทนที่ตำแหน่ง index 2 ✓

const nums = [10, 20, 30];
// index:         0   1   2

// === ลบ 1 ตัว (20) แต่ใส่ 3 ตัวแทน → array ยาวขึ้น
const removed = nums.splice(1, 1, 21, 22, 23);

console.log(removed); // [20] ← ลบแค่ 1 ตัว
console.log(nums);    // [10, 21, 22, 23, 30]
// 21, 22, 23 ถูกใส่แทนที่ตำแหน่ง index 1 — array ยาวขึ้น ✓

const fruits = ["แอปเปิ้ล", "กล้วย", "องุ่น"];
// index:                 0         1       2

// === แทรก "ส้ม" ที่ index 1 — ระหว่าง "แอปเปิ้ล" กับ "กล้วย"
fruits.splice(1, 0, "ส้ม");

console.log(fruits); // ["แอปเปิ้ล", "ส้ม", "กล้วย", "องุ่น"]

// === แทรกหลายตัวที่ index 2
fruits.splice(2, 0, "มะม่วง", "ฝรั่ง");

console.log(fruits); // ["แอปเปิ้ล", "ส้ม", "มะม่วง", "ฝรั่ง", "กล้วย", "องุ่น"]

// === แทรกที่ index 0 — เหมือน unshift()
fruits.splice(0, 0, "ทุเรียน");

console.log(fruits); // ["ทุเรียน", "แอปเปิ้ล", "ส้ม", "มะม่วง", "ฝรั่ง", "กล้วย", "องุ่น"]

const nums = [10, 20, 30];

// === แทรก 15 ที่ index 1
const removed = nums.splice(1, 0, 15);

console.log(removed); // [] ← ไม่มี element ไหนถูกลบ
console.log(nums);    // [10, 15, 20, 30]

// === แทรกที่ index เท่ากับ length → เหมือน push()
const items = ["a", "b"];
items.splice(items.length, 0, "c", "d");
// splice(2, 0, "c", "d") — start = length = 2

console.log(items); // ["a", "b", "c", "d"]

const scores = [55, 70, 45, 90, 60, 85, 75];
// index:              0   1   2   3   4   5   6
// index ติดลบ:       -7  -6  -5  -4  -3  -2  -1

// === splice(-1, 1) — ลบตัวสุดท้าย (75)
const last = scores.splice(-1, 1);
console.log(last);   // [75]
console.log(scores); // [55, 70, 45, 90, 60, 85]

// === splice(-3, 2) — ลบ 2 ตัว ตั้งแต่ index -3
const nums = [10, 20, 30, 40, 50, 60];
// index ติดลบ: -6  -5  -4  -3  -2  -1

const removed = nums.splice(-3, 2);
// -3 = length 6 + (-3) = 3 → index 3 (40)
// ลบ 2 ตัว: 40, 50
console.log(removed); // [40, 50]
console.log(nums);    // [10, 20, 30, 60]

const tags = ["js", "css"];

// === แทรก "html" ก่อนตัวสุดท้าย — splice(-1, 0, "html")
tags.splice(-1, 0, "html");
console.log(tags); // ["js", "html", "css"]
// -1 = index 1 → แทรกก่อน "css"

// === แทรกที่ตำแหน่งรองสุดท้าย — splice(-2, 0, ...)
const items = ["a", "b", "c", "d"];
items.splice(-2, 0, "X");
console.log(items); // ["a", "b", "X", "c", "d"]
// -2 = index 2 → แทรกก่อน "c"

// === ลบสินค้าที่ index 2 (ผู้ใช้กดลบรายการที่ 3)
const cart = ["เมาส์", "คีย์บอร์ด", "จอมอนิเตอร์", "สาย USB", "แผ่นรองเมาส์"];

const removedItem = cart.splice(2, 1);

console.log("ลบ:", removedItem[0]);  // "จอมอนิเตอร์"
console.log("ตะกร้าหลังลบ:", cart);
// ["เมาส์", "คีย์บอร์ด", "สาย USB", "แผ่นรองเมาส์"]

// === ใช้ splice() กับฟังก์ชันลบตาม index
function removeItem(arr, index) {
  if (index >= 0 && index < arr.length) {
    return arr.splice(index, 1)[0]; // ลบ 1 ตัว — return ตัวที่ถูกลบ
  }
  return null;
}

const tasks = ["ซื้อของ", "ออกกำลังกาย", "อ่านหนังสือ", "ตอบอีเมล"];
const done = removeItem(tasks, 1);
console.log("เสร็จ:", done); // "ออกกำลังกาย"
console.log("เหลือ:", tasks); // ["ซื้อของ", "อ่านหนังสือ", "ตอบอีเมล"]

// === แก้ไขชื่อสินค้าที่ index 1
const products = ["iPhone 14", "iPhone 15", "iPhone 16"];

// แทนที่ iPhone 15 ด้วย iPhone 15 Pro
products.splice(1, 1, "iPhone 15 Pro");
console.log(products); // ["iPhone 14", "iPhone 15 Pro", "iPhone 16"]

// === แทรกขั้นตอนใหม่ระหว่าง workflow
const steps = ["รับ order", "แพ็คของ", "จัดส่ง"];

// ต้องเพิ่ม "ตรวจสอบคุณภาพ" หลัง "แพ็คของ"
steps.splice(2, 0, "ตรวจสอบคุณภาพ");

console.log(steps);
// ["รับ order", "แพ็คของ", "ตรวจสอบคุณภาพ", "จัดส่ง"]

// === ลบ element ด้วยค่า (ไม่รู้ index) — ใช้ indexOf() ช่วยหา
const fruits = ["แอปเปิ้ล", "กล้วย", "ส้ม", "มะม่วง", "กล้วย"];

// อยากลบ "กล้วย" ตัวแรก — หา index ก่อน
const idx = fruits.indexOf("กล้วย"); // idx = 1
if (idx !== -1) {
  fruits.splice(idx, 1);
}

console.log(fruits); // ["แอปเปิ้ล", "ส้ม", "มะม่วง", "กล้วย"]
// "กล้วย" ตัวแรก (index 1) ถูกลบ — ตัวที่ 2 ยังอยู่

const original = ["A", "B", "C", "D", "E"];

// === slice(1, 3) — ดึง "B", "C" โดยไม่เปลี่ยนต้นฉบับ
const arr1 = ["A", "B", "C", "D", "E"];
const sliced = arr1.slice(1, 3);

console.log(sliced); // ["B", "C"]    ← array ใหม่
console.log(arr1);   // ["A","B","C","D","E"] ← ต้นฉบับเหมือนเดิม

// === splice(1, 2) — ลบ "B", "C" — ต้นฉบับเปลี่ยน!
const arr2 = ["A", "B", "C", "D", "E"];
const spliced = arr2.splice(1, 2);

console.log(spliced); // ["B", "C"]     ← element ที่ถูกลบ
console.log(arr2);    // ["A", "D", "E"] ← ต้นฉบับเปลี่ยนแล้ว!