Thêm một phần tử vào một mảng bằng Javascript

Việc thêm phần tử vào mảng có thể được thực hiện bằng các hàm khác nhau cho các vị trí khác nhau.

Thêm một phần tử vào cuối mảng

Điều này có thể được thực hiện bằng cách sử dụng phương pháp đẩy. Ví dụ:

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

Điều này sẽ cung cấp đầu ra -

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

Bạn cũng có thể sử dụng điều này để đẩy nhiều mục cùng lúc vì nó hỗ trợ một số lượng thay đổi

tranh luận. Ví dụ:

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

Điều này sẽ cung cấp đầu ra -

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

Thêm một phần tử vào đầu mảng

Điều này có thể được thực hiện bằng cách sử dụng phương pháp unshift. Ví dụ:

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

Điều này sẽ cung cấp đầu ra -

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

Bạn cũng có thể sử dụng công cụ này để chuyển nhiều mục cùng lúc vì nó hỗ trợ một số lượng thay đổi

tranh luận. Ví dụ:

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

Điều này sẽ cung cấp đầu ra -

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

Thêm một phần tử tại một vị trí nhất định của mảng

Đôi khi bạn cần thêm một phần tử vào một vị trí nhất định trong một mảng. JavaScript không hỗ trợ nó ra khỏi hộp. Vì vậy chúng ta cần tạo một hàm để có thể làm được điều đó. Chúng ta có thể thêm nó vào nguyên mẫu Array để có thể sử dụng nó trực tiếp trên đối tượng.

Array.prototype.insert = function(data, position) {
   if (position >= this.length) {
      this.push(data)
      // Put at the end if position is more than total length of array
   } else if (position <= 0) {
      this.unshift(data)
      // Put at the start if position is less than or equal to 0
   } else {
      // Shift all elements to right
      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);

Điều này sẽ cung cấp đầu ra -

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

Bây giờ, phương thức chèn có sẵn trên mọi đối tượng mảng mà bạn tạo.

Bạn cũng có thể sử dụng phương pháp nối để chèn các phần tử tại các vị trí đã cho. Ví dụ:

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

Điều này sẽ cung cấp kết quả:

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

Đối số đầu tiên của phương thức là chỉ mục mà chúng ta muốn xóa phần tử khỏi hoặc chèn phần tử vào. Đối số thứ hai là số phần tử chúng ta muốn loại bỏ. Và đối số thứ ba trở đi là các giá trị mà chúng tôi muốn chèn vào mảng.