Làm cách nào để xóa mảng khỏi mảng trong JavaScript?

JavaScript xóa phần tử khỏi mảng

Để xóa phần tử khỏi mảng trong Javascript,

1. mảng. pop() – Phương thức pop() loại bỏ khỏi phần cuối của Array
2. mảng. mối nối () – Phương thức mối nối () xóa khỏi một chỉ mục Mảng cụ thể
3. mảng. shift() – Phương thức shift() xóa từ đầu Array
4. mảng. slice() – Phương thức slice() xóa các mục không cần thiết và trả về các mục cần thiết
5. mảng. filter() – cho phép bạn xóa các phần tử khỏi Mảng theo chương trình

Mảng JavaScript pop()

Phương thức mảng pop() loại bỏ phần tử cuối cùng của mảng, trả về phần tử đó và cập nhật độ dài của một mảng. Ở đây, mục có nghĩa là đối tượng

const objArr = [
  { name: 'Eleven', show: 'Stranger Things' },
  { name: 'Jonas', show: 'Dark' },
  { name: 'Mulder', show: 'The X Files' },
  { name: 'Ragnar', show: 'Vikings' },
  { name: 'Scully', show: 'The X Files' },
];

removedEl = objArr.pop();
console.log(objArr);
console.log(removedEl);

đầu ra

[
  { name: 'Eleven', show: 'Stranger Things' },
  { name: 'Jonas', show: 'Dark' },
  { name: 'Mulder', show: 'The X Files' },
  { name: 'Ragnar', show: 'Vikings' }
]
{ name: 'Scully', show: 'The X Files' }

Bạn có thể thấy rằng chúng ta đã định nghĩa một mảng có năm đối tượng

Để xóa một đối tượng khỏi một mảng, hãy sử dụng mảng. phương thức pop(). mảng. hàm pop() xóa phần tử cuối cùng và trả về phần tử đó. Vì vậy, cuối cùng, chúng tôi đã in cả hai biến mảng và biến El

Nối mảng JavaScript()

Mối nối mảng Javascript() là một phương thức sẵn có giúp thay đổi các mục của một mảng bằng cách loại bỏ hoặc thay thế các phần tử hiện có và thêm các phần tử mới

Để xóa đối tượng đầu tiên khỏi mảng hoặc đối tượng cuối cùng khỏi mảng, sau đó sử dụng phương thức splice(). Hãy xóa đối tượng đầu tiên khỏi mảng

Xem đoạn mã sau

// app.js

const objArr = [
  { name: 'Eleven', show: 'Stranger Things' },
  { name: 'Jonas', show: 'Dark' },
  { name: 'Mulder', show: 'The X Files' },
  { name: 'Ragnar', show: 'Vikings' },
  { name: 'Scully', show: 'The X Files' },
];

removedEl = objArr.splice(0, 1);
console.log(objArr);
console.log(removedEl);

đầu ra

[
  { name: 'Jonas', show: 'Dark' },
  { name: 'Mulder', show: 'The X Files' },
  { name: 'Ragnar', show: 'Vikings' },
  { name: 'Scully', show: 'The X Files' }
]
[ { name: 'Eleven', show: 'Stranger Things' } ]

Phương thức mối nối () trả về một mảng chứa mục đã xóa, như được thấy từ đầu ra

Dịch chuyển mảng JavaScript()

Dịch chuyển mảng Javascript() là một hàm sẵn có để xóa mục đầu tiên khỏi một mảng và trả về mục đã xóa đó

Để xóa đối tượng đầu tiên khỏi mảng, hãy sử dụng mảng. phương thức shift()

Xem đoạn mã sau

// app.js

const objArr = [
  { name: 'Eleven', show: 'Stranger Things' },
  { name: 'Jonas', show: 'Dark' },
  { name: 'Mulder', show: 'The X Files' },
  { name: 'Ragnar', show: 'Vikings' },
  { name: 'Scully', show: 'The X Files' },
];

removedEl = objArr.shift();
console.log(objArr);
console.log(removedEl);

đầu ra

[
  { name: 'Jonas', show: 'Dark' },
  { name: 'Mulder', show: 'The X Files' },
  { name: 'Ragnar', show: 'Vikings' },
  { name: 'Scully', show: 'The X Files' }
]
{ name: 'Eleven', show: 'Stranger Things' }

Phương thức shift() không trả về một mảng. Thay vào đó, nó trả về phần tử đã loại bỏ khỏi mảng

lát mảng JavaScript()

Javascript mảng slice() là một hàm sẵn có trả về bản sao nông của phần mảng thành một đối tượng mảng mới được chọn từ đầu đến cuối

Để xóa đối tượng cuối cùng khỏi mảng, hãy sử dụng mảng. phương thức slice()

// app.js

const objArr = [
  { name: 'Eleven', show: 'Stranger Things' },
  { name: 'Jonas', show: 'Dark' },
  { name: 'Mulder', show: 'The X Files' },
  { name: 'Ragnar', show: 'Vikings' },
  { name: 'Scully', show: 'The X Files' },
];

remainingArr = objArr.slice(0, objArr.length - 1);
console.log(remainingArr);

đầu ra

[
  { name: 'Eleven', show: 'Stranger Things' },
  { name: 'Jonas', show: 'Dark' },
  { name: 'Mulder', show: 'The X Files' },
  { name: 'Ragnar', show: 'Vikings' }
]

Chúng tôi biết rằng chúng tôi phải xóa đối tượng cuối cùng khỏi mảng, vì vậy chúng tôi đã sử dụng mảng. slice() để loại bỏ phần tử

Bộ lọc mảng JavaScript()

Để xóa một đối tượng dựa trên giá trị thuộc tính trong JavaScript, hãy sử dụng mảng. phương thức lọc(). array filter() là một phương thức tích hợp sẵn để tạo một mảng mới với tất cả các phần tử vượt qua bài kiểm tra được thực hiện bởi hàm được cung cấp.

Xem đoạn mã sau

Trong ví dụ này, chúng tôi phải xóa đối tượng có giá trị thuộc tính tên là Ragnar. Vì vậy, chúng tôi sẽ lọc và trả về mảng không bao gồm đối tượng có giá trị Ragnar.  

Dựa trên điều kiện đó, mảng sẽ được lọc. Để xóa phần tử bằng phương thức filter(), bạn phải viết điều kiện dựa trên điều kiện đó

Loại bỏ phần tử cuối cùng bằng cách giảm kích thước mảng

Có một cách khác để xóa phần tử cuối cùng của mảng là giảm độ dài mảng xuống 1

Để tìm độ dài mảng trong JavaScript, hãy sử dụng mảng. thuộc tính chiều dài. Để xóa đối tượng cuối cùng, chúng ta sẽ trừ chiều dài mảng đi 1, nghĩa là phần tử cuối cùng sẽ bị xóa

Xem đoạn mã sau

// app.js

const objArr = [
  { name: 'Eleven', show: 'Stranger Things' },
  { name: 'Jonas', show: 'Dark' },
  { name: 'Mulder', show: 'The X Files' },
  { name: 'Ragnar', show: 'Vikings' },
  { name: 'Scully', show: 'The X Files' },
];

objArr.length = objArr.length - 1;
console.log(objArr);

đầu ra

[
  { name: 'Eleven', show: 'Stranger Things' },
  { name: 'Jonas', show: 'Dark' },
  { name: 'Mulder', show: 'The X Files' },
  { name: 'Ragnar', show: 'Vikings' }
]

Bạn có thể thấy rằng đối tượng cuối cùng bị xóa bằng cách thay đổi độ dài mảng. Tuy nhiên, phương pháp này không được khuyến nghị vì điều này làm thay đổi độ dài của mảng ban đầu

Phần kết luận

Loại bỏ các đối tượng khỏi mảng không khó và chúng tôi đã thử nhiều cách để đạt được điều đó một cách chính xác. Tuy nhiên, việc xóa các phần tử Mảng JavaScript là điều cần thiết để quản lý dữ liệu của bạn

Không có sẵn phương thức 'xóa' riêng, nhưng có nhiều phương pháp và kỹ thuật khác nhau mà bạn có thể sử dụng để loại bỏ các mục mảng không mong muốn

Xem thêm

Cách xóa phần tử đầu tiên của mảng

Mảng rõ ràng JavaScript

Facebook

Twitter

Pinterest

WhatsApp

Bài viết trước Cách cập nhật phiên bản nút trên máy Mac vào năm 2022

Bài viết tiếp theo 3 cách dễ dàng để làm phẳng danh sách các danh sách trong Python

kranal

https. //appdividend. com/

Krunal Lathiya là Kỹ sư phần mềm với hơn tám năm kinh nghiệm. Anh ấy đã phát triển một nền tảng vững chắc về các nguyên tắc khoa học máy tính và niềm đam mê giải quyết vấn đề. Ngoài ra, Krunal có kiến ​​thức tuyệt vời về Khoa học dữ liệu và Học máy, đồng thời là chuyên gia về Ngôn ngữ Python. Krunal có kinh nghiệm với nhiều ngôn ngữ lập trình và công nghệ khác nhau, bao gồm PHP, R, Golang và JavaScript. Anh ấy cảm thấy thoải mái khi làm việc trong lĩnh vực phát triển front-end và back-end

Làm cách nào để xóa một mục khỏi một mảng trong JavaScript?

Làm cách nào để xóa một số khỏi một mảng JavaScript?

Làm cách nào để xóa mảng lồng nhau trong JavaScript?