Có chức năng xóa trong javascript không?
|
Tương tự như 2, phương thức 3 đưa các phần tử ra khỏi DOM. Sử dụng 3 khi bạn muốn xóa chính phần tử đó, cũng như mọi thứ bên trong nó. Ngoài bản thân các phần tử, tất cả các sự kiện ràng buộc và dữ liệu jQuery được liên kết với các phần tử đều bị xóa. Để xóa các thành phần mà không xóa dữ liệu và sự kiện, hãy sử dụng 0 thay thế Hãy xem xét HTML sau 1 2 3 4
Chúng tôi có thể nhắm mục tiêu bất kỳ yếu tố nào để loại bỏ 1
Điều này sẽ dẫn đến cấu trúc DOM với phần tử 1 bị xóa 1 2 3
Nếu chúng ta có bất kỳ số lượng phần tử lồng nhau nào bên trong 2, thì chúng cũng sẽ bị xóa. Các cấu trúc jQuery khác như dữ liệu hoặc trình xử lý sự kiện cũng bị xóa Chúng tôi cũng có thể bao gồm một bộ chọn làm tham số tùy chọn. Ví dụ: chúng ta có thể viết lại mã xóa DOM trước đó như sau Và vâng, đây là cách dễ nhất để hoàn thành nhiệm vụ. Không có mảng. remove() chức năng trong JavaScript người ta sẽ giả sử Tiếp theo, hãy xem cách bạn có thể làm cho nhiệm vụ này dễ dàng hơn và ít lặp lại hơn. Cuối cùng, chúng ta hãy xem một ví dụ nâng cao hơn Làm thế nào để làm cho nó dễ dàng hơnMột cách bạn có thể làm cho việc loại bỏ các phần tử khỏi mảng dễ dàng hơn là lưu trữ các cách tiếp cận trên vào các hàm riêng biệt function removeFirst(arr, target) {
var idx = arr.indexOf(target);
if (idx > -1) {
arr.splice(idx, 1);
}
return arr;
}
function removeAll(arr, target) {
var i = 0;
while (i < arr.length) {
if (arr[i] === target) {
arr.splice(i, 1);
} else {
++i;
}
}
return arr;
}Bây giờ bạn có thể sử dụng các chức năng này trong dự án của mình, do đó bạn không cần phải lặp đi lặp lại nhiều lần const numbers = [5, 10, 15]; console.log(removeFirst(numbers, 10)); // output: [5, 15] const numbers = [1, 1, 2, 2]; console.log(removeAll(numbers, 1)) // output: [2, 2] Bây giờ bạn đã hiểu cách xóa phần tử khỏi mảng trong JavaScript, hãy xem xét một cách tiếp cận khác Chức năng bộ lọc ()Một cách để xóa các phần tử cụ thể khỏi một mảng trong JavaScript là sử dụng hàm filter() Bộ lọc() trả về một mảng mới chỉ với các phần tử được lọc Hàm filter() hoạt động sao cho nó lặp qua mảng các phần tử để kiểm tra xem mỗi phần tử có thỏa mãn một điều kiện hay không. Điều kiện này được thực hiện như một hàm mà hàm filter() gọi cho từng phần tử một. Nếu một điều kiện được đáp ứng, phần tử sẽ được thêm vào mảng kết quả Đây là một minh họa Hãy triển khai bộ lọc () được minh họa ở trên ________số 8đầu ra [1, 2, 4, 5] Tất nhiên, bạn không phải chỉ xử lý các con số Có thể áp dụng hàm filter() để dễ dàng loại bỏ các đối tượng khỏi mảng dựa trên tiêu chí Cách xóa một đối tượng cụ thể khỏi một mảng trong JavaScriptĐể xóa một đối tượng cụ thể khỏi một mảng trong JavaScript, hãy sử dụng hàm filter() Ví dụ: giả sử chúng tôi có một dòng đối tượng người và chúng tôi muốn xóa tất cả những người dưới 18 tuổi 0 đầu ra 1 Đoạn mã này hoạt động sao cho hàm filter()
Loại bỏ các phần tử khỏi phần cuối của một mảngĐể xóa các phần tử ở cuối mảng trong JavaScript, bạn có thể đặt độ dài của mảng nhỏ hơn độ dài hiện tại. Điều này có nghĩa là bạn làm cho mảng ngắn hơn ban đầu bằng cách thay đổi độ dài của mảng Ví dụ 20 Để xóa phần tử cuối cùng khỏi mảng, bạn cũng có thể sử dụng phương thức Array. phương thức pop() Phương pháp này
Ví dụ 21 Loại bỏ các phần tử khỏi phần đầu của một mảngĐể xóa phần tử đầu tiên của một mảng trong JavaScript, hãy sử dụng Array. phương thức shift() Phương pháp này
Nếu không có phần tử nào trong mảng thì Array. phương thức shift() trả về không xác định Ví dụ: hãy xóa số đầu tiên trong mảng số 22 Xóa một phạm vi phần tử bằng cách sử dụng mảng. nối()Trước đó trong hướng dẫn này, bạn đã học cách sử dụng Array. splice() để loại bỏ một phần tử Tuy nhiên, đôi khi bạn không chỉ muốn loại bỏ một mục. Thay vào đó, bạn muốn loại bỏ một dãy các phần tử liên tiếp ở một vị trí tùy ý trong mảng Để xóa một loạt các phần tử khỏi một mảng JavaScript, hãy sử dụng Array. phương thức mối nối () Mảng. phương thức mối nối () có hai đối số
Phương thức này trả về các phần tử đã loại bỏ dưới dạng một mảng Ví dụ: bỏ 3 chữ cái ở giữa 23 Xóa các phần tử khỏi một mảng bằng toán tử 'xóa'Bạn cũng có thể sử dụng toán tử xóa có sẵn để loại bỏ phần tử của mảng Điều này giả định rằng bạn biết chỉ mục của phần tử cụ thể mà bạn muốn xóa khỏi mảng Tuy nhiên, lưu ý rằng điều này không thay đổi kích thước của mảng ban đầu Thay vì loại bỏ hoàn toàn phần tử, toán tử xóa đánh dấu phần tử là không xác định Toán tử xóa hoạt động sao cho nó xóa một thuộc tính khỏi một đối tượng. Nếu không còn tham chiếu đến thuộc tính, nó sẽ tự động được giải phóng khỏi bộ nhớ Toán tử xóa trả về true nếu xóa thành công và trả về false nếu không Không như bạn tưởng tượng, toán tử xóa không trực tiếp giải phóng bộ nhớ. Thay vào đó, việc quản lý bộ nhớ diễn ra khi các tham chiếu bị hỏng Chẳng hạn, hãy xóa chữ cái đầu tiên khỏi một mảng ký tự 24 Như bạn có thể thấy, kích thước của mảng vẫn giữ nguyên. Bây giờ phần tử đầu tiên chỉ là một phần tử rỗng, không xác định Xóa một mảng JavaScriptĐể xóa tất cả các phần tử của một mảng JavaScript, bạn có thể thực hiện theo một số phương pháp
Hãy nhanh chóng đi qua các tùy chọn này từng cái một Có lẽ cách dễ nhất là đặt mảng bằng một mảng trống Ví dụ 25 Tuy nhiên, điều này có thể là vấn đề Nếu bạn có tham chiếu đến mảng này, chúng sẽ không thay đổi. Thay vào đó, các tham chiếu vẫn có các phần tử ban đầu của mảng Nếu bạn không cẩn thận, điều này có thể gây ra rất nhiều đau đầu Hãy xem một ví dụ 26 Như bạn có thể thấy, mặc dù alphabet2 được đặt bằng alphabet1, nhưng mảng alphabet2 vẫn không thay đổi sau khi loại bỏ các phần tử khỏi mảng alphabet1 Để khắc phục sự cố này, bạn cần sửa đổi mảng ban đầu thay vì gán mảng mới cho một trong các mảng Một cách để làm điều đó là đặt độ dài của mảng ban đầu thành 0 Chẳng hạn, hãy đặt độ dài của alphabet1 thành 0. Điều này thu nhỏ mảng để chứa 0 phần tử. Vì mảng alphabet2 trỏ đến cùng mảng này trong bộ nhớ nên nó cũng thay đổi 27 Dù sao, cách duy nhất để làm sạch mảng và tất cả các mảng tham chiếu mảng ban đầu là sửa đổi trực tiếp mảng ban đầu Như bạn đã học trước đó, bạn có thể sửa đổi mảng ban đầu bằng cách loại bỏ các phần tử bằng Array. phương thức mối nối() cũng vậy Vì vậy, bạn cũng có thể loại bỏ tất cả các phần tử của mảng bằng phương thức splice() 28 Tất nhiên, bạn cũng có thể sử dụng Array. pop() cho đến khi độ dài của mảng bằng 0 Ví dụ 29 Như bạn đã biết trước đó, phương thức pop() cũng sửa đổi mảng ban đầu, vì vậy cả hai mảng đều được cập nhật Phần kết luậnHôm nay bạn đã học cách xóa một phần tử cụ thể trong một mảng trong JavaScript Tóm lại, không có phương thức nào như mảng. remove(), vì vậy bạn phải tự mình thực hiện Để xóa một phần tử cụ thể khỏi một mảng
Để xóa tất cả các phần tử cụ thể khỏi một mảng
Ngoài ra, bạn có thể sử dụng hàm filter() để xóa một/tất cả các phần tử cụ thể khỏi một mảng trong JavaScript Làm cách nào để xóa chức năng trong JavaScript?Chọn phương thức remove()
. Mẹo. Để thêm một tùy chọn vào danh sách thả xuống, hãy sử dụng phương thức add().
Làm cách nào để xóa đối tượng trong JavaScript?Chúng tôi có thể xóa Thuộc tính khỏi Đối tượng JavaScript bằng cách sử dụng Toán tử xóa, Phá hủy đối tượng và Phản ánh. phương thức deleteProperty() . Toán tử xóa và Reflect. phương thức deleteProperty() xóa thuộc tính đã chỉ định khỏi đối tượng ban đầu.
Loại bỏ trong JavaScript là gì?Phương thức remove() xóa một phần tử (hoặc nút) khỏi tài liệu .
Ngược lại với remove() trong JavaScript là gì?Ngược lại là appendChild() . |
