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ộ!

Tài nguyên này được người dùng tải lên và nội dung được lấy từ Internet. Trang web này chỉ giới thiệu miễn phí để học tập và chia sẻ. Nếu có bất kỳ vấn đề bản quyền hoặc vấn đề nào khác, vui lòng liên hệ với biên tập viên của trang web này để xử lý!

Lưu ý quan trọng: : Nếu phần mềm liên quan đến thanh toán, thành viên, nạp tiền, v.v., thì đây là những hành động của nhà phát triển phần mềm hoặc công ty sở hữu phần mềm đó và không liên quan gì đến trang web này. Cư dân mạng cần phải tự đưa ra phán đoán của mình.

Để 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 *