programming javascript

Xóa id javascript

JavaScript Array cho phép bạn nhóm các giá trị và lặp lại chúng. Bạn có thể bổ sung và loại bỏ các phần tử của mảng theo những cách khác nhau. Thật không may, không có một mảng phương thức. remove đơn giản để loại bỏ bất kỳ phần tử nào ra khỏi mảng

Do đó, làm thế nào để bạn xóa một phần tử khỏi mảng JavaScript?

Thay vì phương thức xóa, mảng JavaScript có nhiều cách bạn có thể xóa các mảng giá trị

1. Xóa các phần tử ở cuối mảng Javascript

1. 1 Sử dụng cách đặt lại độ dài của mảng

Các phần tử của mảng JavaScript có thể bị loại bỏ khỏi phần cuối của mảng bằng cách đặt thuộc tính độ dài độ dài thành giá trị nhỏ hơn giá trị hiện tại. Bất kỳ phần tử nào chỉ có số lớn hơn hoặc bằng độ dài mới sẽ bị xóa

var ar = [1, 2, 3, 4, 5, 6];
ar.length = 4; // đặt độ dài để xóa bớt phần tử ở cuối
console.log[ ar ]; //  [1, 2, 3, 4]

1. 2 Use pop[]

Phương thức bật loại bỏ phần tử cuối cùng của mảng, trả về phần tử đó và cập nhật thuộc tính độ dài. Phương thức pop sửa đổi mảng mà nó được gọi, Điều này có nghĩa là nó không giống như cách thức mà phần tử cuối cùng được loại bỏ hoàn toàn và chiều dài mảng giảm đi

var ar = [1, 2, 3, 4, 5, 6];
ar.pop[]; // returns 6
console.log[ ar ]; // [1, 2, 3, 4, 5]

2. Xóa các phần tử ở đầu mảng Javascript

Làm thế nào để bạn loại bỏ phần tử đầu tiên của một mảng JavaScript?

Phương thức shift hoạt động giống như phương thức pop ngoại trừ việc loại bỏ phần tử đầu tiên của mảng JavaScript thay vì phần tử cuối cùng

Không có tham số vì shift thức phương thức chỉ loại bỏ phần tử đầu tiên. Khi phần tử bị loại bỏ, các phần tử còn lại được chuyển xuống

var ar = ['zero', 'one', 'two', 'three'];
ar.shift[]; // returns "zero"
console.log[ ar ]; // ["one", "two", "three"]

Phương thức shift trả về phần tử đã bị xóa, cập nhật các mục duy nhất của phần tử còn lại và cập nhật thuộc tính độ dài. Nó sửa đổi mảng mà nó được gọi

Nếu không có phần tử hoặc độ dài mảng bằng 0, phương thức trả về không xác định

3. Use Splice

Phương thức Splice có thể được sử dụng để bổ sung hoặc xóa các phần tử khỏi một mảng

Đầu tiên đối số đầu tiên chỉ định vị trí bắt đầu bổ sung hoặc xóa các phần tử
Đối số thứ hai chỉ định lượng phần tử cần loại bỏ
Các đối số thứ ba và tiếp theo là tùy chọn;

3. 1 Delete an an section

Tại đây, mình sử dụng phương thức Splice để loại bỏ hai phần tử, bắt đầu từ vị trí ba [chỉ số dựa trên số không]

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
var removed = array.splice[2,2];

/*
removed === [3, 4]
array === [1, 2, 5, 6, 7, 8, 9, 0]
*/

3. 2 Xóa phần tử bằng giá trị của nó

Tham số thứ nhất chỉ định vị trí bắt đầu, trường hợp hay gặp nhất đó là xóa một phần tử bằng giá trị của phần tử đó

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];

for[ var i = 0; i < array.length-1; i++]{ 
   if [ array[i] === 5] {
     arr.splice[i, 1]; 
   }
}

//=> [1, 2, 3, 4, 6, 7, 8, 9, 0]

Đây là một ví dụ đơn giản trong đó các phần tử là số nguyên. Nếu bạn có một mảng các đối tượng, bạn sẽ cần một kỹ năng quan trọng hơn

Một cách khác, sử dụng indexOf

var ar = ['zero', 'one', 'two', 'three'];
ar.splice[ar.indexOf['one'], 1];
console.log[ ar ]; // ["zero", "two", "three"]

4. Use Array. lọc xóa phần tử bằng giá trị

No same as method splice[], filter[] create a new array. filter[] không làm thay đổi mảng mà nó được gọi, nhưng trả về một mảng mới

filter[] has a tham số duy nhất, một phương thức gọi lại [hàm gọi lại]. Cuộc gọi lại được kích hoạt khi bộ lọc phương thức được lặp lại thông qua các phần tử của mảng. Nó sẽ chuyển ba giá trị cho chức năng gọi lại

current value at or element
array item only at
and full array

Phương thức gọi lại sẽ trả về đúng hoặc sai. Bạn có trách nhiệm kiểm tra giá trị [phần tử] để xem nó có đáp ứng tiêu chí của bạn không. If it you could return true. Các phần tử trả về true được thêm vào mảng mới được lọc

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];

var filtered = array.filter[function[value, index, arr]{
    return value > 5;
}];

//kết quả filtered => [6, 7, 8, 9]
//mảng array vẫn giữ nguyên => [1, 2, 3, 4, 5, 6, 7, 8, 9, 0]

Bạn nên lưu một mảng mới chứa các giá trị phù hợp với bộ lọc đã được trả về. Đầu bảng thì không bị ảnh hưởng. Mình thấy điều này hữu ích vì mình thường muốn giữ lại dữ liệu gốc, nhưng truy xuất các tập hợp con để xử lý các nhu cầu logic khác nhau

5. Phương thức remove trong Lodash

Đôi khi các thư viện tiện ích là cách tốt nhất để giải quyết các vấn đề phức tạp hơn. Lodash cung cấp một tập hợp phong phú các phương thức thao tác mảng, trong đó có phương thức remove[]

Phương thức remove[] hoạt động giống như phương thức filter[], nhưng sắp xếp ngược lại. Nó không lưu các giá trị ban đầu của mảng, nhưng loại bỏ các phần tử phù hợp với điều kiện. Và cuối cùng, nó trả về các phần tử phù hợp như một mảng mới

var array = [1, 2, 3, 4];
var evens = _.remove[array, function[n] {
  return n % 2 === 0;
}];

console.log[array];
// => [1, 3]

console.log[evens];
// => [2, 4]

6. Tự tạo phương thức xóa 😁

Như đã nói ở đầu bài viết, không có phương thức chuyển đổi để xóa phần tử khỏi dạng mảng như Array. gỡ bỏ[]. Phương pháp Lodash giải quyết vấn đề này, nhưng không phải lúc nào bạn cũng muốn sử dụng Lodash. Điều này không có nghĩa là bạn không thể tạo ra một phương thức tiện ích cho riêng mình

________số 8

Ví dụ trên menu đơn giản, bạn có thể sửa đổi để phù hợp với nhu cầu của bạn, nhưng có lẽ filter[] vẫn ổn định nhất

7. Loại bỏ chính xác phần tử bằng toán tử xóa

Bạn có thể xóa các thành phần mảng cụ thể bằng cách sử dụng toán tử xóa

var ar = [1, 2, 3, 4, 5, 6];
delete ar[4]; // xóa phần tử có chỉ số index là 4
console.log[ ar ]; // [1, 2, 3, 4, undefined, 6]
alert[ ar ]; // 1,2,3,4,,6

Sử dụng toán tử xóa không ảnh hưởng đến thuộc tính độ dài. Nó cũng không ảnh hưởng đến chỉ số của các yếu tố tiếp theo. Mảng trở nên thưa thớt, đó là một cách thú vị để nói rằng mục bị xóa không bị xóa mà trở nên không xác định. So sánh cách sử dụng delete với splice[] phương thức được mô tả dưới đây

Toán tử xóa được thiết kế để xóa các thuộc tính khỏi các đối tượng JavaScript, trong đó các mảng là các đối tượng

Lý do phần tử không thực sự bị xóa khỏi mảng là toán tử xóa liên quan đến giải nén bộ nhớ hơn là xóa một phần tử. Bộ nhớ được giải nén khi không còn tham chiếu đến giá trị

💕💕👉love2dev ⌨️⌨️

Ủng hộ Chung Nguyễn Blog

Chung Nguyễn Blog sử dụng FlashVPS - Dịch vụ quản trị máy chủ chuyên nghiệp để quản lý VPS

#FlashVPS là dịch vụ bảng điều khiển đám mây trên nền web hỗ trợ khách hàng

* Quản lý máy chủ số lượng nhiều
* Không có kinh nghiệm quản lý máy chủ
* Thích sử dụng giao diện web đơn giản, trực quan hơn thiết bị đầu cuối
* Quá chán nản với việc ghi nhớ và lặp lại việc nhập các câu lệnh
* Muốn tự động hóa mọi thao tác
* Muốn tiết kiệm thời gian quản trị máy chủ
* Muốn tiết kiệm tiền bạc, nhân lực quản trị máy chủ

Các bài viết trên website thường xuyên được đăng tải và cập nhật trên trang Facebook Chung Nguyễn Blog Hãy tặng cho Chung một LIKE nhé. Mãi yêu các bạn