JavaScript 移除数组内重复元素的方法
作者:小括号时间:2026-10-29 07:22:32浏览:442
本文介绍了一种在 JavaScript 中移除数组内重复元素的具体方法。通过定义 removeDuplicates 函数,利用临时对象记录元素出现情况,从而筛选出唯一值。文中提供了核心逻辑代码及包含按钮交互的完整浏览器验证示例,帮助开发者理解并应用该去重技巧。
JavaScript 数组去重实现
本文分享了一种在 JavaScript 中去除数组重复元素的具体实现方式,供开发者参考。
该 JS 代码旨在从数组中剔除重复项。例如,输入数组 ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'],去重后的结果应为 ['apple', 'orange', 'peach', 'strawberry']。
核心实现代码如下:
function removeDuplicates(arr) {
var temp = {};
for (var i = 0; i < arr.length; i++)
temp[arr[i]] = true;
var r = [];
for (var k in temp)
r.push(k);
return r;
}
//Usage
var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];
var uniquefruits = removeDuplicates(fruits);
//print uniquefruits ['apple', 'orange', 'peach', 'strawberry'];
以下代码可在浏览器环境中进行实际验证:
HTML 与脚本代码如下:
Remove duplicate elements from an array. <br>
<pre> var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];
</pre>
Note 'orange' is duplicate in fruits array. Click to remove duplicate elements from fruits array:<br>
<button onclick="check()">Remove Duplicate</button>
<script>
function removeDuplicates(arr) {
var temp = {};
for (var i = 0; i < arr.length; i++)
temp[arr[i]] = true;
var r = [];
for (var k in temp)
r.push(k);
return r;
}
function check() {
var fruits = ['apple', 'orange', 'peach', 'apple', 'strawberry', 'orange'];
var uniquefruits = removeDuplicates(fruits);
alert(uniquefruits);
}
</script>
希望本文所述对大家的javascript程序设计有所帮助。
作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
