下面的例子展示了你如何使用在javascript中使用forEach()和indexOf()的Array的方法从一个Array中删除重复的元素。
<!DOCTYPE html>
<html>
<head>
<title>Removing duplicate elements from an array using JavaScript</title>
</head>
<body>
<div id="debug"></div>
<script type="text/javascript">
var arr = ["two", "one", "three", "four", "three", "four", "five", "Three"];
var uniques = [];
arr.forEach(function(value) {
if (uniques.indexOf(value) == -1) {
uniques.push(value);
}
});
var str = "unique values: <code>" + uniques.join(", ") + "</code>";
document.getElementById("debug").innerHTML = str;
</script>
</body>
</html>
你也可以把forEach()方法放到一个函数内部。
<div id="debug"></div>
<script type="text/javascript">
var arr = ["two", "one", "three", "four", "three", "four", "five", "Three"];
var uniques = removeDupes(arr);
var str = "unique values: <code>" + uniques.join(", ") + "</code>";
document.getElementById("debug").innerHTML = str;
function removeDupes(arr) {
var nonDupes = [];
arr.forEach(function(value) {
if (nonDupes.indexOf(value) == -1) {
nonDupes.push(value);
}
});
return nonDupes;
}
</script>
分享到：
相关推荐
在JavaScript编程中，处理数组时有时需要去除其中的重复元素，以确保数组只包含唯一的值。以下是一个关于如何在JavaScript中实现数组去重的详细解释和示例。 首先，我们来看一个基本的函数`isExistInArr()`，它用于...
在上面的代码中，我们使用filter()方法将二维数组中的每个元素进行过滤，并返回一个新的数组，包含了不重复的元素。在回调函数中，我们使用findIndex()方法将每个元素与其他元素进行比较，并返回其索引。如果发现...
总结来说，JavaScript中数组删除元素可以使用splice方法直接在原数组上操作删除特定元素，或者使用filter方法创建一个不包含特定元素的新数组。在小程序开发中，这两种方法可以结合页面数据和事件处理机制，实现用户...
在JavaScript中，合并两个数组并去除重复项是一个常见的任务，特别是在处理数据集合或者组合不同来源的数据时。这里我们将深入探讨几种不同的方法来实现这个功能。 首先，我们可以使用`concat()`方法来合并两个数组...
虽然上述方法可以有效地去除数组中的重复元素，但在处理大规模数据时可能会遇到性能瓶颈。因为每次插入元素都需要遍历整个结果数组来检查是否存在，这种操作的时间复杂度为O(n^2)，其中n为数组长度。对于大型数组，...
Array 对象去除重复项是 JavaScript 中的一种常见操作，对于开发者来说尤为重要。下面，我们将总结在 ES5 和 ES6 中 Array 对象去除重复项的方法，並对其进行详细的解释。 ES5 中的实现 在 ES5 中，我们可以使用 ...
在我们的情况中，我们使用`splice(index, 1)`，意味着从`index`开始删除一个元素。这里的`index`正是`indexOf`方法返回的值。这个操作会直接修改原数组，并返回一个包含被删除元素的新数组。在删除操作完成后，原...
1. **数组操作**：首先，我们需要创建一个包含1到33的红色球数组，然后通过随机选取和删除元素的方式确保生成的六个数字不重复。这涉及到`Array.prototype.slice()`，`Array.prototype.splice()`等方法，以及可能的`...
对于删除重复元素，JavaScript原生提供了一个更高效的方法，即使用`Set`数据结构，它自动排除重复元素： ```javascript var arr = [0, 2, 3, 5, 6, 9, 2]; var uniqueArr = [...new Set(arr)]; console.log...
这个方法通过创建一个新的数组，对原数组进行遍历，并在内部嵌套一个循环来检查当前元素是否与之前出现过的元素重复，如果重复则使用`splice`方法从数组中删除该元素。这种方法在数组本身不是非常大的情况下效率尚可...
在JavaScript编程中，处理数组是常见的任务之一，而去除数组中的重复元素则是一项基本操作。数组去重可以提升数据处理的准确性和效率，尤其是在处理大量数据时。这里我们将探讨两种不同的JavaScript方法来实现这个...
本文实例讲述了JavaScript实现删除数组重复元素的5种常用高效算法。分享给大家供大家参考，具体如下： 这里就 js 如何实现数组去重整理出5种方法，并附上演示Demo 以及 源码。 1.遍历数组法 最简单的去重方法， 实现...
这种方法的基本思路是首先将数组转换成一个字符串，然后通过 `indexOf` 来判断字符串中是否存在重复元素。 ```javascript var ary = new Array("111", "22", "33", "111"); var s = ary.join(",") + ","; for (var ...
`filter()`是JavaScript中的一个内建方法，它接受一个回调函数作为参数，这个函数会在数组的每个元素上调用，并根据其返回值（真或假）来决定是否保留该元素。如果回调函数返回`true`，则该元素会被包含在新数组中；...
以下是一个使用`in`操作符去除数组重复元素的示例： ```javascript Array.prototype.distinct = function() { var $ = this; var o1 = {}; // 存储首次出现的元素 var o2 = {}; // 存储重复的元素 var o3 = [];...
这份“JavaScript手册—中文文档”提供了一个全面的JavaScript学习资源，涵盖了从基础语法到高级特性的各个层面，对于初学者和经验丰富的开发者来说都是一份宝贵的参考资料。 1. **基础语法**： - 变量与数据类型...
在EXTJS库中，`Ext.Array` 是一个非常重要的工具类，它提供了许多方便的静态方法，用于处理JavaScript中的数组。这些方法旨在增强原生数组的功能，提高代码的可读性和效率。`Ext.Array` 包含了排序、查找、过滤、...
JavaScript是一种广泛应用于Web开发的脚本...JScript中文参考.CHM文件可能是一个详细的参考手册，包含这些主题的深入讲解和示例代码。通过学习和实践，开发者可以提升JavaScript编程能力，更好地应用于Web开发项目。
- 需要一个特殊分隔符，虽然这里使用了一个随机字符串作为分隔符，但这种做法可能不够通用。 #### 方法三：使用循环和条件判断 第三种方法采用循环遍历数组的方式，并通过条件判断来去除重复项。这种方法避免了...