Xóa các bản sao khỏi một mảng JavaScript

Hiểu tính duy nhất của mảng trong JavaScript

Trong JavaScript, việc đảm bảo rằng một mảng chỉ chứa các giá trị duy nhất có thể rất quan trọng đối với nhiều ứng dụng khác nhau. Mặc dù có nhiều cách để đạt được điều này nhưng một số phương pháp nhất định có thể thất bại trong những điều kiện cụ thể, chẳng hạn như sự hiện diện của số 0.

Trong bài viết này, chúng ta sẽ xem xét một tập lệnh nguyên mẫu để loại bỏ các bản sao khỏi một mảng. Chúng tôi sẽ xác định các vấn đề mà nó gặp phải với giá trị bằng 0 và so sánh nó với một giải pháp đáng tin cậy hơn. Bằng cách hiểu những khác biệt này, bạn sẽ học cách xử lý tính duy nhất của mảng trong JavaScript hiệu quả hơn.

Cách loại bỏ các bản sao trong mảng JavaScript

Kịch bản đầu tiên chúng tôi trình bày sử dụng new Set() object trong JavaScript để đảm bảo tính duy nhất của mảng. MỘT Set là tập hợp các giá trị trong đó mỗi giá trị phải là duy nhất. Bằng cách chuyển một mảng vào một Set, chúng tôi tự động lọc ra các giá trị trùng lặp. Để chuyển đổi Set trở lại một mảng, chúng tôi sử dụng toán tử trải rộng [...new Set(array)]. Phương pháp này ngắn gọn và tận dụng các chức năng tích hợp sẵn của JavaScript để đạt được kết quả mong muốn một cách hiệu quả.

Ví dụ: nếu bạn có một mảng có các số trùng lặp, bao gồm cả số 0, chẳng hạn như [1, 2, 2, 3, 4, 4, 5, 0, 0], chức năng getUniqueValues(array) sẽ trả về một mảng chỉ có các giá trị duy nhất: [1, 2, 3, 4, 5, 0]. Phương pháp này đơn giản và xử lý tất cả các loại phần tử, bao gồm cả số 0 mà không gặp bất kỳ vấn đề nào.

Phương pháp tùy chỉnh để đảm bảo các giá trị mảng duy nhất

Tập lệnh thứ hai xác định một phương thức tùy chỉnh trên số 8 gọi điện getUnique. Phương pháp này sử dụng một đối tượng để theo dõi các phần tử duy nhất. Trong phương thức, trước tiên chúng ta khởi tạo một đối tượng trống const uniqueElements = {} và một mảng trống const resultArray = []. Sau đó chúng ta lặp lại mảng bằng cách sử dụng một for vòng lặp, lưu trữ từng phần tử làm khóa trong uniqueElements đối tượng để đảm bảo tất cả các khóa là duy nhất.

Sau khi điền vào uniqueElements đối tượng, chúng tôi sử dụng một đối tượng khác for...in vòng lặp để lặp lại các phím của đối tượng và đẩy từng phím duy nhất vào resultArray. Cuối cùng, phương thức trả về resultArray, chỉ chứa các giá trị duy nhất. Phương pháp này đặc biệt mang tính hướng dẫn vì nó cho thấy cách quản lý và thực thi tính duy nhất theo cách thủ công mà không chỉ dựa vào các hàm tích hợp sẵn, giúp hiểu sâu hơn về cách xử lý cấu trúc dữ liệu trong JavaScript.

function getUniqueValues(array) {
  return [...new Set(array)];
}

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = getUniqueValues(numbers);
console.log(uniqueNumbers);

Array.prototype.getUnique = function() {
  const uniqueElements = {};
  const resultArray = [];
  for (let i = 0; i < this.length; i++) {
    uniqueElements[this[i]] = this[i];
  }
  for (let key in uniqueElements) {
    resultArray.push(uniqueElements[key]);
  }
  return resultArray;
};

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = numbers.getUnique();
console.log(uniqueNumbers);

Đi sâu vào các kỹ thuật chống trùng lặp mảng

Một kỹ thuật quan trọng khác để loại bỏ các bản sao khỏi một mảng trong JavaScript là sử dụng filter phương pháp kết hợp với indexOf phương pháp. Phương pháp này liên quan đến việc lặp lại mảng và chỉ bao gồm các phần tử có lần xuất hiện đầu tiên khớp với vị trí hiện tại của chúng. Điều này đảm bảo rằng mỗi phần tử chỉ được đưa vào một lần trong mảng kết quả, loại bỏ các phần tử trùng lặp một cách hiệu quả.

Ví dụ, hãy xem xét một mảng [1, 2, 2, 3, 4, 4, 5, 0, 0]. Bằng cách sử dụng array.filter((item, index) => array.indexOf(item) === index), bạn có thể lọc ra các giá trị trùng lặp. Cách tiếp cận này hoạt động bằng cách kiểm tra xem chỉ mục của phần tử hiện tại có giống với chỉ mục xuất hiện đầu tiên của phần tử đó hay không. Nếu đúng như vậy thì phần tử này là duy nhất và được bao gồm trong mảng mới.