从 JavaScript 数组中删除重复项

从 JavaScript 数组中删除重复项
从 JavaScript 数组中删除重复项
Hugo Bertrand
2024年7月11日星期四 下午10:19:28

理解 JavaScript 中数组的唯一性

在 JavaScript 中，确保数组仅包含唯一值对于各种应用程序至关重要。虽然有多种方法可以实现此目的，但某些方法可能在特定条件下失败，例如存在零。

在本文中，我们将研究用于从数组中删除重复项的原型脚本。我们将确定零值存在的问题，并将其与更可靠的解决方案进行比较。通过了解这些差异，您将学习如何在 JavaScript 中更有效地处理数组唯一性。

命令 描述
new Set() 创建一个 Set 对象，它允许您存储任何类型的唯一值。
[...new Set(array)] 使用扩展运算符将 Set 转换回唯一值数组。
Array.prototype.getUnique 在数组原型上定义一个新方法以从数组中提取唯一值。
uniqueElements[this[i]] = this[i] 将每个元素存储为对象中的键以确保唯一性。
for (let key in uniqueElements) 迭代 uniqueElements 对象的键以构造结果数组。
const uniqueElements = {} 初始化一个空对象以将唯一元素存储为键。

如何删除 JavaScript 数组中的重复项

我们提出的第一个脚本使用 new Set() JavaScript 中的对象来确保数组的唯一性。 A Set 是值的集合，其中每个值必须是唯一的。通过将数组传递到 Set，我们自动过滤掉重复值。要转换 Set 回到数组中，我们使用扩展运算符 [...new Set(array)]。该方法简洁，利用JavaScript的内置功能有效地达到预期的结果。

例如，如果您有一个包含重复数字（包括零）的数组，例如 [1, 2, 2, 3, 4, 4, 5, 0, 0]， 功能 getUniqueValues(array) 将返回一个仅包含唯一值的数组： [1, 2, 3, 4, 5, 0]。这种方法很简单，可以处理所有类型的元素，包括零，没有任何问题。

确保数组值唯一的自定义方法

第二个脚本定义了一个自定义方法 Array.prototype 被称为 getUnique。此方法使用一个对象来跟踪唯一元素。在该方法中，我们首先初始化一个空对象 const uniqueElements = {} 和一个空数组 const resultArray = []。然后我们使用 a 迭代数组 for 循环，将每个元素作为键存储在 uniqueElements 对象以确保所有键都是唯一的。

填充后 uniqueElements 对象，我们使用另一个 for...in 循环迭代对象的键并将每个唯一的键推入 resultArray。最后该方法返回 resultArray，其中仅包含唯一值。这种方法特别具有指导意义，因为它展示了如何手动管理和强制唯一性，而无需仅依赖内置函数，从而更深入地了解 JavaScript 中处理数据结构。

确保 JavaScript 数组中的值唯一

使用集合的 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);

使用自定义函数删除数组中的重复项

JavaScript 自定义原型方法

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);

深入研究阵列重复数据删除技术

在 JavaScript 中从数组中删除重复项的另一个重要技术是使用 filter 方法结合 19 号 方法。此方法涉及迭代数组并仅包含第一次出现与其当前位置匹配的元素。这可确保每个元素仅在结果数组中包含一次，从而有效地删除重复项。

例如，考虑一个数组 [1, 2, 2, 3, 4, 4, 5, 0, 0]。通过使用 array.filter((item, index) => array.indexOf(item) === index)，您可以过滤掉重复的值。此方法的工作原理是检查当前元素的索引是否与该元素第一次出现的索引相同。如果是，则该元素是唯一的并包含在新数组中。

关于 JavaScript 数组重复数据删除的常见问题

  1. 从数组中删除重复项的最有效方法是什么？
  2. 用一个 Set 是最有效的方法之一，因为它的时间复杂度为 O(n)。
  3. 我可以使用 filter 删除重复项的方法？
  4. 是的，结合 filter 和 indexOf 是删除重复项的常用方法。
  5. 为什么 prototype 方法失败为零？
  6. 原始脚本因零而失败，因为 27 号 停在零，将其解释为假。
  7. 如何处理数组中不同数据类型的唯一性？
  8. 用一个 Set 通过确保每个值都是唯一的来有效地处理不同的数据类型。
  9. 使用有什么好处 new Set() 优于其他方法？
  10. new Set() 简洁，无需额外逻辑即可处理所有类型的值。
  11. 我可以将唯一的方法添加到所有数组吗？
  12. 是的，通过添加一个方法 Array.prototype，您可以使其可用于所有阵列。
  13. 修改有什么坏处 Array.prototype？
  14. 修改 Array.prototype 如果其他脚本也修改它，可能会导致冲突。
  15. 有没有办法在不改变原数组的情况下保证唯一性？
  16. 是的，像这样的方法 new Set() 和 filter 创建一个新数组，保留原始数组。

关于 JavaScript 数组重复数据删除的最终想法

通过了解从数组中删除重复项的不同技术，您可以为您的特定用例选择最合适的方法。是否使用 Set 为了简单和高效，或者为了更深入地理解自定义方法，掌握这些方法可以增强您的 JavaScript 技能。处理特殊情况（例如零值）可确保解决方案的稳健性。