JavaScript数组对象去重实现方法

作者:青柠时间:2026-10-23 07:55:51浏览:556

本文介绍一种基于JSON序列化与反序列化的JavaScript对象去重方案。通过遍历数组并将对象转换为字符串键值存入临时对象,利用键的唯一性实现去重,最后还原为数组。文中附带在线代码运行及去重工具链接,供开发者测试与参考。

JavaScript数组对象去重实现方法

本文详细介绍如何使用JavaScript实现数组中对象的去重操作。


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>www.jb51.net js 对象去重</title>
</head>
<body>
<script>
var obj = [
    {year: '2013-2014', term: '1'},
    {year: '2013-2014', term: '2'},
    {year: '2013-2014', term: '3'},
    {year: '2013-2014', term: '2'},
    {year: '2014-2015', term: '1'},
    {year: '2013-2014', term: '2'}
    ]
 var unique = {};
 obj.forEach(function(gpa) {
   unique[JSON.stringify(gpa)] = gpa
 });
 obj = Object.keys(unique).map(function(u) {
   return JSON.parse(u)
 });
 console.log(unique)
</script>
</body>
</html>

运行结果如下:

JavaScript数组对象去重实现方法

读者可通过在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun 测试上述代码的实际运行效果。

此外,这里还提供几款相关辅助工具供参考:

在线去除重复项工具: http://tools.jb51.net/code/quchong

在线文本去重复工具: http://tools.jb51.net/aideddesign/txt_quchong

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

作者最新文章