การเพิ่ม Element ใน Array ด้วย JavaScript

การเพิ่ม element ลง array ทำได้ด้วย functions ต่างๆ สำหรับตำแหน่งต่างๆ

เพิ่ม element ที่ท้าย array

ทำได้ด้วย push method ตัวอย่าง:

let veggies = ["Onion", "Raddish"];
veggies.push("Cabbage");
console.log(veggies);

ผลลัพธ์:

["Onion", "Raddish", "Cabbage"]

สามารถ push หลาย items พร้อมกันได้ เพรองรองรับ variable number of arguments:

let veggies = ["Onion", "Raddish"];
veggies.push("Cabbage", "Carrot", "Broccoli");
console.log(veggies);

ผลลัพธ์:

["Onion", "Raddish", "Cabbage", "Carrot", "Broccoli"]

เพิ่ม element ที่ต้น array

ทำได้ด้วย unshift method ตัวอย่าง:

let veggies = ["Onion", "Raddish"];
veggies.unshift("Cabbage");
console.log(veggies);

ผลลัพธ์:

["Cabbage", "Onion", "Raddish"]

unshift หลาย items พร้อมกันได้เช่นกัน:

let veggies = ["Onion", "Raddish"];
veggies.unshift("Cabbage", "Carrot", "Broccoli");
console.log(veggies);

ผลลัพธ์:

["Cabbage", "Carrot", "Broccoli", "Onion", "Raddish"]

เพิ่ม element ที่ตำแหน่งที่กำหนดใน array

บางครั้งต้องเพิ่ม element ที่ตำแหน่งที่กำหนด JavaScript ไม่รองรับ out of the box ต้องสร้าง function เอง เราสามารถเพิ่มใน Array prototype ให้ใช้ได้โดยตรง:

Array.prototype.insert = function(data, position) {
  if (position >= this.length) {
    this.push(data);
  } else if (position <= 0) {
    this.unshift(data);
  } else {
    for (let i = this.length; i >= position; i--) {
      this[i] = this[i - 1];
    }
    this[position] = data;
  }
}
let arr = [1, 2, 3, 4];
arr.insert(-1, 2);
console.log(arr);

ผลลัพธ์:

[1, 2, -1, 3, 4]

ตอนนี้ insert method พร้อมใช้งานบนทุก array object ที่สร้าง

คุณยังสามารถใช้ splice method เพื่อ insert elements ได้ ตัวอย่าง:

var months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
console.log(months);

ผลลัพธ์:

['Jan', 'Feb', 'March', 'April', 'June']

argument แรกคือ index ที่จะ remove หรือ insert argument ที่สองคือจำนวน elements ที่จะ remove argument ที่สามเป็นต้นไปคือค่าที่จะ insert