In_array trong javascript

Trong javascript có nhiều cách javascript xóa phần tử khỏi mảng. Có nhiều cách ta đã biết từ lâu, nhưng cũng nên học thêm những cách khác như, xóa mục trong mảng javascript es6, hay xóa đối tượng trong mảng javascript, hoặc có thể xóa phần tử khỏi mảng theo chỉ số hoặc giá trị. If they we known before index or value

Bài viết này nằm trong 40 bài viết về thủ thuật viết code javascript các bạn có thể ghé qua

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

Trước tiên chúng ta lướt qua một số phương thức cơ bản của một

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

2, để có thể xóa mục trong mảng một cách nhanh chóng. Hỗ trợ cực mạnh, hà tiện gì tại sao lại không sử dụng đến. Đầu tiên chúng ta đi qua một số phương pháp cơ bản nhất khi sử dụng

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

2. Đương nhiên bạn có thể bỏ qua phần cơ bản này, nếu như bạn là người hay sử dụng về

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

4

Mảng. sự thay đổi[]

Use

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

5 remove item first of a array

  let array = [1, 2, 3, 4]; 
  array.shift[];

  // Output:
  [2, 3, 4]

Mảng. nhạc pop[]

Use

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

6 remove item end of a array

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

ghi chú. Cả hai phương thức

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

7 và

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

8 đều quay về giá trị đã bị xóa

2 - Javascript xóa phần tử khỏi mảng theo chỉ mục

Nếu bạn sử dụng trường hợp này, hãy chắc chắn rằng chúng ta đã biết chỉ mục trong mảng hoặc biết

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

9 trong một mảng. Mảng mối nối javascript cung cấp một mảng phương thức. splice[] để giải quyết vấn đề này. và chúng ta cũng có thể hiểu index is key or javascript remove element from array by key

Giả sử bạn có một mảng và bạn biết vị trí xóa

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

00

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

0

hoặc bạn có thể xóa nhiều mục

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

2

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

01 Khi bạn sử dụng

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

02 có nghĩa là xóa ở

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

00 và tham số tùy chọn để xóa đến đâu là

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

04. Nếu bỏ quên tham số thứ 2 thì nó sẽ xóa hết các mục, trừ kể từ vị trí của tham số thứ nhất. Hay xem ví dụ sau đây để hiểu rõ hơn

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

7

splice[] also can add more item nữa, chứ không phải đơn thuần là chỉ xóa mảng item bằng cách sử dụng splice trong javascript. Nếu đến đây là bạn phải suy nghĩa, lướt đi lướt lại tốt hơn hết tôi nghĩ bạn nên tham khảo thêm về

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

05, ngoài ra còn có

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

06, hay

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

07

Nên đọc thêm. Cách sử dụng mối nối, tách và lát trong javascsipt, tránh nhầm lẫn

3 - Javascript xóa phần tử khỏi mảng theo giá trị

Trên ví dụ đó là bắt buộc chúng ta phải biết được

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

08 của một mảng. Vì thế nếu như không biết

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

08 mà chỉ biết

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

20 thì chúng ta phải làm như thế nào để loại bỏ một phần tử

Để sử dụng trường hợp này, bắt buộc bạn phải biết mình

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

21 nào trong mảng, cũng giống như mình biết được

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

08 nào trong Array[]

Giả sử bạn muốn loại bỏ

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

23 trong mảng trước đó, như ví dụ dưới đây. Nhưng theo tôi đây là cách lâu rồi, và bây giờ họ ít khi sử dụng nữa

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

7

Đó là cách truyền thống, vậy cách hiện đại được phát triển khai thác như thế nào thì chúng ta sẽ sử dụng các phương thức mà ES6 đã giới thiệu

4 - Xóa mục trong mảng javascript es6

Những bạn nào đã sử dụng ES6 một thời gian rồi thì có thể sử dụng 1 trong 10 mảng phương thức mà bất cứ lập trình viên nào cũng phải biết đó là phương thức

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

24

Bạn có thể xem ví dụ dưới đây rồi đối chiếu với cách truyền thống xem hiệu quả như thế nào?

loại bỏ một mục trong mảng

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

9

Ngoài việc sử dụng

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

24 để xóa 1 phần tử trong mảng thì bạn có thể xóa nhiều phần tử trong mảng - xóa nhiều mục trong mảng javascript cũng sử dụng phương thức đó

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

1

Đương nhiên sẽ có nhiều cách viết gắn gọn hơn ví dụ trên, tôi cũng để nâng cao 9 mẹo hữu ích để viết JavaScript ngắn gọn và hiệu quả hơn trong bài viết đó. Nó giúp tôi nâng cao tay nghề hơn trước khi đi vào con đường trở thành kiến ​​trúc sư

5 - Lodash xóa mục trong mảng

Đến việc sử dụng

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

26 thì có nhiều luồng tranh cãi, là

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

27Theo quan điểm của tôi, và tôi cũng đã nói lên quan điểm của mình trong bài Trường hợp nào nên sử dụng lodash. Ở đó có nhiều phân tích được đúc kết từ kinh nghiệm của tôi

Nếu bạn quen sử dụng lodash để thuận tiện cho việc thiết lập chương trình thì có thể sử dụng theo cách sau

xóa mục bằng lodash

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

4

Ngoài ra, chúng ta cũng có thể sử dụng lodash để xóa một phần tử trong một đối tượng

xóa mục trong đối tượng javascript

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

5

Cũng có thể sử dụng es6

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

28 để giải quyết việc xóa đối tượng trong mảng javascript

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

0

6 - javascript xóa phần tử khỏi mảng trong foreach

Cũng tương tự như vòng lặp cho vậy, chúng ta sử dụng lại

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

05 để giải quyết

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

1

Tóm tắt

Trên đây là những cách mà bạn có thể javascript loại bỏ phần tử khỏi mảng khi bạn gặp phải. Và tôi khuyên bạn, nên sử dụng những gì mà javascript cung cấp, không nên sử dụng những thư viện như

  let array = [1, 2, 3, 4]; 
  array.pop[];

  Output:
  [1, 2, 3]

26 để xóa mục mà phải kéo về thư viện lodash chỉ để sử dụng cho một công việc nhỏ như thế. Hy vọng có thể giúp các bạn hiểu rõ và dễ dàng so sánh với nhau về những cách làm sao để đạt hiệu quả và phù hợp với dự án của mình