Trong khi xử lý dữ liệu hàng loạt, có thể có yêu cầu xóa một số mục nhập do cập nhật. Chẳng hạn, loại bỏ các giá trị dựa trên một thuộc tính hoặc thuộc tính cụ thể. Điều này dẫn đến việc truy cập dữ liệu liên quan một cách thuận tiện và xóa các mục nhập không mong muốn. Trong những tình huống như vậy, việc xóa một đối tượng khỏi mảng theo giá trị của nó trong JavaScript rất hữu ích trong việc truy cập dữ liệu ngay lập tức và tiết kiệm bộ nhớ.
Bài viết này sẽ thảo luận về các cách tiếp cận để loại bỏ một đối tượng khỏi một mảng theo giá trị của nó trong JavaScript.
Làm cách nào để xóa/loại bỏ một đối tượng khỏi một mảng theo giá trị của nó trong JavaScript?
Để loại bỏ một đối tượng khỏi một mảng theo giá trị của nó trong JavaScript, hãy áp dụng các phương pháp sau:
Hãy thảo luận từng cách tiếp cận đã nêu!
Cách tiếp cận 1: Xóa một đối tượng khỏi một mảng theo giá trị của nó trong JavaScript bằng các phương thức findIndex() và splice()
Các ' tìm Index() ” trả về chỉ mục (vị trí) của phần tử mà không thực hiện bất kỳ sửa đổi nào đối với mảng ban đầu. Các ' nối() ” phương thức thêm/xóa các phần tử mảng cụ thể và cũng ảnh hưởng đến mảng ban đầu. Các phương thức này có thể được sử dụng để xác định vị trí chỉ mục của đối tượng cần được xóa. Sau đó, đối tượng cụ thể được ghép nối dựa trên số đã chỉ định.
cú pháp
mảng.find Index ( chức năng ( CurrVal, chỉ mục, mảng ) , giá trị )Trong cú pháp này:
- “ chức năng ” đề cập đến chức năng cần được gọi cho từng mục trong một mảng.
- Các tham số của hàm đề cập đến chỉ mục của giá trị hiện tại trong mảng đã chỉ định.
- “ giá trị ” chỉ ra giá trị phải được truyền cho hàm là “ đây ”.
mảng.splice ( chỉ mục, số, mới )
Trong cú pháp đã cho ở trên:
- “ mục lục ” trỏ đến vị trí mà các mục được cho là sẽ được thêm hoặc xóa.
- “ trên một ” đại diện cho số của mặt hàng.
- “ Mới ” tương ứng với các phần tử mới thay thế.
Thí dụ
Hãy làm theo đoạn mã dưới đây:
< script loại hình = 'văn bản/javascript' >để cho đã choArray = [ { tuổi tác: 18 } , { tuổi tác: hai mươi } , { tuổi tác: 25 } ] ;
để cho removeObject = GivenArray.find Index ( đối tượng = > {
trở về đối tượng. tuổi === 18 ;
} ) ;
bảng điều khiển.log ( 'Chỉ mục của đối tượng cần xóa là:' , loại bỏ đối tượng ) ;
đã choArray.splice ( loại bỏ đối tượng, 1 ) ;
bảng điều khiển.log ( 'Mảng sau khi loại bỏ đối tượng theo giá trị trở thành:' , đã choArray ) ;
script >
Trong đoạn mã trên:
- Khai báo một mảng các đối tượng có các thuộc tính đã nêu.
- Trong bước tiếp theo, hãy liên kết “ tìm Index() ” với mảng đã khai báo ở bước trước.
- Điều này sẽ dẫn đến việc lặp qua từng phần tử (đối tượng) trong một mảng.
- Do đó, chỉ mục của đối tượng cụ thể từ mảng sẽ được hiển thị khớp với giá trị đã nêu so với thuộc tính, tức là 18.
- Sau đó, áp dụng “ nối() ” bằng cách tham chiếu đến chỉ mục đã tìm nạp, chỉ mục này sẽ xóa đối tượng cụ thể đối với chỉ mục đó.
- Lưu ý rằng “ 1 ” chỉ định số lượng đối tượng cần xóa.
- Cuối cùng, hiển thị mảng của đối tượng kết quả.
đầu ra
Trong đầu ra ở trên, có thể thấy rằng chỉ mục của đối tượng cụ thể được hiển thị và nó sẽ bị xóa sau này.
Cách tiếp cận 2: Xóa một đối tượng khỏi một mảng theo giá trị của nó trong JavaScript bằng cách sử dụng phương thức filter()
Các ' lọc() ” phương thức tạo một mảng mới các mục vượt qua một bài kiểm tra cụ thể. Phương pháp này có thể được áp dụng để lọc đối tượng cần loại bỏ dựa trên một điều kiện thông qua toán tử so sánh.
cú pháp
mảng.filter ( chức năng ( val ) , đây )Nơi đây:
- “ chức năng ” trỏ đến chức năng sẽ chuyển hướng đến chức năng để lọc.
- “ val ” là giá trị của phần tử hiện tại.
- “ đây ” cho biết giá trị được truyền cho hàm.
Thí dụ
Hãy xem tổng quan về ví dụ được nêu dưới đây:
< script loại hình = 'văn bản/javascript' >để cho đã choArray = [ { kích thước: 35 } , { kích thước: 40 } , { kích thước: Bốn năm } ] ;
bảng điều khiển.log ( 'Mảng đã cho là:' , đã choArray )
để cho newArray = GivenArray.filter ( đối tượng = > {
trở về object.size ! == Bốn năm ;
} ) ;
bảng điều khiển.log ( 'Mảng sau khi loại bỏ đối tượng theo giá trị trở thành:' , newArray ) ;
script >
Áp dụng các bước sau, như được đưa ra trong các dòng mã trên:
- Tương tự, khai báo một mảng các đối tượng và hiển thị nó.
- Sau đó, áp dụng “ lọc() ” bằng cách tham chiếu đến các phần tử (đối tượng).
- Bây giờ, hãy lọc mảng được liên kết sao cho một mảng mới được hình thành dựa trên điều kiện thỏa mãn thông qua “ không bằng (!==) ” toán tử so sánh.
- Cuối cùng, hiển thị mảng đã lọc.
đầu ra
Đầu ra ở trên chỉ ra rằng mảng mới của các đối tượng được lọc được hình thành.
Cách tiếp cận 3: Xóa một đối tượng khỏi một mảng theo giá trị của nó trong JavaScript bằng phương thức pop()
Các ' nhạc pop() ” phương thức loại bỏ phần tử cuối cùng trong một mảng và cũng ảnh hưởng đến mảng ban đầu. Phương thức này có thể được sử dụng để bật một đối tượng cụ thể khỏi mảng và tạo một mảng được cập nhật với đối tượng đã xóa.
Thí dụ
Ví dụ dưới đây minh họa khái niệm được thảo luận:
< script loại hình = 'văn bản/javascript' >để cho đã choArray = [ { Tên: 'Harry' } , { Tên: 'David' } ]
để cho newArray = GivenArray.pop ( đối tượng = > {
trở về đối tượng.name = 'Harry'
} )
bảng điều khiển.log ( 'Mảng sau khi loại bỏ đối tượng theo giá trị trở thành:' , newArray ) ;
script >
Trong đoạn mã trên:
- Tương tự, khai báo một mảng các đối tượng có các thuộc tính đã nêu.
- Trong bước tiếp theo, hãy áp dụng “ nhạc pop() ” phương thức loại bỏ đối tượng cụ thể có giá trị đã nêu so với thuộc tính “ Tên ”.
- Kết quả là, sẽ chỉ còn lại một đối tượng trong mảng kết quả “ newArr ”.
- Cuối cùng, hiển thị mảng của đối tượng được cập nhật, tức là newArr.
đầu ra
Đầu ra ở trên biểu thị rằng yêu cầu mong muốn được đáp ứng.
Sự kết luận
Các ' tìm Index() ' và ' nối() ” phương pháp, “ lọc() ” phương pháp, hoặc “ nhạc pop() ” có thể được áp dụng để xóa một đối tượng khỏi một mảng theo giá trị của nó trong JavaScript. Các cách tiếp cận này loại bỏ một đối tượng cụ thể dựa trên lập chỉ mục, lọc nó thông qua toán tử không bằng (!==) hoặc chỉ đơn giản là bật nó theo một điều kiện tương ứng. Bài viết này đã giải thích các cách tiếp cận để xóa/loại bỏ một đối tượng khỏi một mảng theo giá trị của nó bằng cách sử dụng JavaScript.