Phương pháp xóa phần tử khỏi mảng trong JS

Dưới đây là chia sẻ về phương pháp xóa phần tử khỏi mảng trong JavaScript, rất đáng để tham khảo, hy vọng sẽ hữu ích cho bạn. Hãy cùng theo dõi nhé!

Bài viết này tổng hợp các cách viết hàm xử lý và phân tích lỗi thường gặp liên quan đến vấn đề phổ biến: “Xóa phần tử khỏi mảng trong JS”. Nội dung chi tiết như sau:

Xóa phần tử chỉ định trong mảng

Một số cách xóa một hoặc nhiều phần tử trong mảng JS:https://hot688.com/archives/327

Trước tiên, bạn có thể định nghĩa một hàm cho đối tượng mảng của JS để tìm vị trí (chỉ số) của phần tử cụ thể trong mảng, mã như sau:

Array.prototype.indexOf = function(val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) return i;
}
return -1;
};

Sau đó sử dụng chỉ số tìm được để gọi hàm có sẵn trong JS nhằm xóa phần tử đó:

Array.prototype.remove = function(val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};

Như vậy, bạn có thể sử dụng hàm này. Ví dụ có một mảng:

var emp = ['abs','dsf','sdf','fd']

Giả sử bạn muốn xóa 'fd', bạn có thể dùng:

emp.remove('fd');

Xóa một phần tử trong mảng

splice(index, len, [item])
Chú thích: phương thức này sẽ làm thay đổi mảng gốc.

splice có 3 tham số, có thể dùng để thay thế/xóa/thêm phần tử trong mảng:

  • index: chỉ số bắt đầu

  • len: số lượng phần tử cần thay thế/xóa

  • item: giá trị thay thế (nếu xóa thì bỏ qua item)

Ví dụ: arr = ['a','b','c','d']

Xóa

// Xóa phần tử bắt đầu từ chỉ số 1, số lượng 1 (len = 1). Nếu len = 0 thì mảng không thay đổi
var arr = ['a','b','c','d'];
arr.splice(1,1);
console.log(arr);
// ['a','c','d']

// Xóa bắt đầu từ chỉ số 1, số lượng 2 phần tử
var arr2 = [‘a’,‘b’,‘c’,‘d’];
arr2.splice(1,2);
console.log(arr2);
// [‘a’,’d’]

Thay thế

// Thay thế phần tử tại chỉ số 1 bằng 'ttt', len = 1
var arr = ['a','b','c','d'];
arr.splice(1,1,'ttt');
console.log(arr);
// ['a','ttt','c','d']

var arr2 = [‘a’,‘b’,‘c’,‘d’];
arr2.splice(1,2,‘ttt’);
console.log(arr2);
// [‘a’,’ttt’,’d’] // Thay 2 phần tử bằng ‘ttt’, len = 2

Thêm phần tử — len = 0, item là giá trị cần thêm

var arr = ['a','b','c','d'];
arr.splice(1,0,'ttt');
console.log(arr);
// ['a','ttt','b','c','d'] // Thêm 'ttt' tại chỉ số 1

Phương pháp delete sẽ xóa phần tử trong mảng nhưng để lại undefined, độ dài mảng không thay đổi

var arr = ['a','b','c','d'];
delete arr[1];
arr;
// ["a", undefined × 1, "c", "d"] // Có 2 dấu phẩy, độ dài không đổi, một phần tử bị undefined

Trên đây là toàn bộ nội dung bài viết chia sẻ về phương pháp xóa phần tử khỏi mảng trong JS, hy vọng sẽ là tài liệu tham khảo hữu ích. Cảm ơn bạn đã ủng hộ!

📌 Bài viết này được đóng góp bởi người dùng và bản quyền thuộc về người dùng đã xây dựng bài viết. Bản quyền thuộc về tác giả gốc và chỉ dùng cho mục đích học tập và giao tiếp. Nếu có bất kỳ vi phạm nào, vui lòng liên hệ với chúng tôi để xóa nó.

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *