数组去重 arr=[1, “a“, { b: 2 }, { c: 3 }, { b: 2 }, “1“, “a“, 1]

最新推荐文章于 2021-10-25 15:03:28 发布
最新推荐文章于 2021-10-25 15:03:28 发布
阅读量2.2k 收藏 6
点赞数 3
分类专栏： 笔记 文章标签： html5 javascript es6 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jet_Lover/article/details/120826517
版权

去重数组：[1, “a”, { b: 2 }, { c: 3 }, { b: 2 }, “1”, “a”, 1]

想得到的返回值：[1, ‘a’, {b:2}, {c:3}, ‘1’]

相比普通的数组去重这种数组里面既有对象又有普通的number和string
那么该怎么做呢？？
先试试es6的new Set()（注意Set要大写）方法
请添加图片描述
注意看普通的是去除了，可不是想要的结果，因为对象没有去除。那么该怎么办呢？？？请添加图片描述

在根据对象关键字比如id、name去重这种做过过，但是不通过关键字怎么做呢。












我采用的是JSON.stringify()将对象转换成JSON字符串进行比较的方式。

JSON.stringify()的意思是：只串行化对象自身的可枚举的属性。

这种方法相比什么双重遍历、indexOf更简单一些~
具体代码如下

<body>
    <script>
        let arr = [1, "a", { b: 2 }, { c: 3 }, { b: 2 }, "1", "a", 1]
        let newArr = []
        let newObj = {}
        for (let i = 0; i < arr.length; i++) {
            if (!newObj[JSON.stringify(arr[i])]) {
                newObj[JSON.stringify(arr[i])] = true
                newArr.push(arr[i])
            }
        }
        console.log("🚀 ~ newArr", newArr);
    </script>
</body>

最后看运行结果~
请添加图片描述

Jet_closer
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript数组去重的五种方法
11-26
JavaScript数组去重是一个常见的编程问题，特别是在处理数据集合时。以下将详细介绍五种常见的JavaScript数组去重方法： 1. **删除后面重复的**： ```javascript function ov(arr) { for (var i = 0; i < arr....
js二维数组var arr = [['a','b','c'],[1,2,3],['x','y','z']]生成一维数组
onceking的博客
04-19 1742
var arr = [['a','b','c'],[1,2,3],['x','y','z']] function doExchange(arr){ var newArr= []; let a1 = arr[0] let a2 = arr[1] let a3 = arr[2] for(var i = 0; i < a1.length; i ++) { for(var j = 0;...
js遍历数组
weixin_43740552的博客
04-27 216
1：for循环 var arr = ['a','b','c','d']; for(let i = 0;i < arr.length;i++){ console.log(arr[i]) } 2：for of循环 可以正确响应break、continue和return语句 var arr = ['a','b','c','d']; for(let value of arr){ console...
JavaScript数据转换一些小技巧
hello，是翠花呀
09-17 309
有时候后端返回的数据格式不能直接使用，这时前端就需要额外处理，我记录了一些常见的数据处理方式，如果有其他的小伙伴们可以下方评论。 1.a对象数组对象映射为b对象数组，map方法多快好省 const a = [ { name: "li", age: 24, sex: "女" }, { name: "lizi", age: 24, sex: "女" }, ]; const b = a.map((item) => item.name); // [ 'li', 'lizi' ] const c
如何进行数组去重
weixin_33874713的博客
05-02 313
题目：编写一个数组去重函数。（使用尽量多的方法来实现） //如输入数组[1,"a",{b:2},{c:3},{b:2},{b:"2"},"1","a"]，返回[1,"a",{b:2},{c:3},"1"] function unique(arr) { var temp=[]; //存储新数组 var keys = []; //存储对象键集合 ...
利用hasOwnProperty给数组去重的面试题分享
12-10
hasOwnProperty hasOwnProperty是javascript中用于检测对象是否包含某个属性的方法，返回一个布尔值。...var arr = ['a', 'b', 'c', 'b']; function uniqueArr(arr){ var unique = [], temp = {}; for(var
js数组去重的方法汇总
01-19
function unique1(arr){ var tmpArr = []; for(var i=0; i<arr.length; i++){ //如果当前数组的第i已经保存进了临时数组，那么跳过， //否则把当前项push到临时数组里面 if(tmpArr.indexOf(arr[i]) == -1){...
从JavaScript数组去重谈性能优化
02-03
JavaScript数组去重经常出现在前端招聘的笔试题里，比如：有数组vararr=['a','b','c','1',0,'c',1,'',1,0]，请用JavaScript实现去重函数unqiue，使得unique(arr)返回['a','b','c','1',0,1,'']1.正确。别小看这个考点...
JS实现的合并多个数组去重算法示例
01-21
本文实例讲述了JS实现的合并多个数组去重算法。分享给大家供大家参考，具体如下： var arr1 = ['a','b']; var arr2 = ['a','c','d']; var arr3 = [1,'d',undefined,true,null]; //合并两个数组，去重 var concat_ =...
var list = [{a:1},{b:2}, {a:2, b:3}];处理后的输出数据：{a:3, b:5}； 把属性名相同的值 加起来。找规则，并用代码实现，list不确定
weixin_44766633的博客
05-09 1402
题目：var list = [{a:1},{b:2}, {a:2, b:3}]; 处理后的输出数据：{a:3, b:5}； 把属性名相同的值 加起来。 找规则，并用代码实现，list的数据不确定。 分析：有题目可以得出，我们需要先遍历出来数组中得每一个对象，然后再用for…in函数循环找出每一个对象具体的值，最后使用条件判断语句判断是否累加或者是否新建一个数值 下面是代码 function propSum(arr){ var obj = {};
6种数组去重方法
haoran123的博客
08-20 126
filter方法 var r = []; var arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry']; r = arr.filter(function (element, index, self) { return self.indexOf(element)...
Array---七种数组去重方法，总有一款适合ni
COCOLI_BK的博客
06-04 1645
5.利用for嵌套for，然后splice去重。1.利用ES6Set去重（ES6中最常用）7.利用数组的过滤方法filter。3.利用includes()6.利用indexOf去重。
url的链接最后返回一个对象{a=1,b:2}的实现方法
weixin_42440314的博客
10-06 142
如何实现在url后面返回一个对象 function strToObj(str){ let obj = {}; let tempStr = str.split("?")[1]; let arr = tempStr.split("&"); arr.map((item,index)=>{ let value = item.split("="); obj[value[0]] = value[1]; }) return obj; } strToObj("http://www.baid
vue解析json嵌套数组_Stack 的经典应用-嵌套数组的解析
weixin_39918145的博客
12-06 1115
今天无意中发现了这么一道有意思的题目：let str = "[ {a:1 , d:3} , {b:2} , {c:3} ]" 将其解析成 JavaScript 的数据结构。详细原题可以看这里 js中，如何将一个字符串类型的数组转换为真正的数组？这题对我来讲非常熟悉，属于典型的 stack + queue 题型。作为一道考察 CS 基础的 medium 的经典编程面试题，是一道常考题，我之前经常面...
js数组对象去重
qq_44899153的博客
10-25 187
let arr = [ { a: 1, b: 1, c: 1 }, { a: 2, b: 2, c: 2 }, { a: 3, b: 3, c: 3 }, { a: 2, b: 2, c: 4 }, { ...
前端面试算法题总结
Fairy的博客
01-13 673
1.回文判断： var str = 'resiviser'; function reserve(str) { return str === str.split('').reverse().join(''); } 2.数组去重 function unique(arr) { const container = {}; c...
数组类型方法
青烟小生的博客
08-07 436
数组类型方法 1.concat，创建一个新数组，将array与任何数组 或 值连接在一起。 let arr = ['1','2','3','4'] let arr2 = ['9'] let arr3 = arr.concat(arr2) console.log(arr3); //[ '1', '2', '3', '4', '9' ] 2.pop，删除数组的最后一个元素，返回值为最后一个元素 let arr = ['1','2','3','4'] var a = arr.pop(); console.log
vue传值之父子组件传值、bus传值、vuex传值、其他方式传值…
Jet_Lover的博客
05-31 7098
vue之组件传值的几种方式前言一、父子组件传值二、子组件通过emit来触发父组件的自定义事件三、兄弟之间通过bus总结 前言 vue的组件传值分为三种方式：父传子、子传父、非父子组件传值 引用官网的一句话：父子组件的关系可以总结为 prop 向下传递，emit向上传递，兄弟之间用bus。 一、父子组件传值 子组件 <template> <div class="child"> {{ message }} </div> </templa
var arr = [1,2,7,4,2,4,"a","a","b","f","a","c","f"]数组去重
最新发布
04-10
的方法有哪些？请给出你认为最好的一种方法。 数组去重的方法有很多种，比如使用 Set 数据结构、使用 filter 方法、使用 reduce 方法等等。其中，我认为使用 Set 数据结构是最简单、最快速的方法。代码如下： ```javascript var arr = [1, 2, 7, 4, 2, 4, "a", "a", "b", "f", "a", "c", "f"]; var uniqueArr = Array.from(new Set(arr)); console.log(uniqueArr); // [1, 2, 7, 4, "a", "b", "f", "c"] ``` 这段代码首先使用 Set 数据结构去重，然后将 Set 转化为数组，最后得到去重后的数组 uniqueArr。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Jet_closer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值