本文介绍了一种在 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程序设计有所帮助。