首页 > 其他分享 >Web - js数组对象去重

Web - js数组对象去重

时间:2023-05-31 15:34:22浏览次数:25  
标签:Web arr 数组 Map js map let key id

let arr = [{
     id: '1',
     key: '1',
     value: '明月'
   }, {
     id: '3',
     key: '2',
     value: '可欣'
   }
}]

Map()方法

set方法设置key所对应的键值,然后返回整个Map结构。如果key已经有值,则键值会被更新,否则就新生成该键。values方法可以返回Map对象值的遍历器对象

let map = new Map();
for (let item of this.arr) {
    map.set(item.id, item);
}
this.arr = [...map.values()];
console.log(this.arr)

 

标签:Web,arr,数组,Map,js,map,let,key,id
From: https://www.cnblogs.com/beatle-go/p/17446238.html

相关文章

  • docker json日志把服务器磁盘占满,日志清理
    定时任务crontab-l03***root/etc/init.d/clean-docker-log.sh103***root/etc/init.d/cleandocker.sh-脚本[[email protected]]#catclean-docker-log.sh#!/bin/shecho"====================startcleandockercontainerslogs=============......
  • JS大文件分片上传/多线程上传
    ​ 一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range  用于请求头......
  • JSP原理深度刨析
    1. 我的第一个JSP程序  351.1 原理  35 在WEB-INF目录之外创建一个index.jsp文件,然后这个文件中没有任何内容。- 将上面的项目部署之后,启动服务器,打开浏览器,访问以下地址:  - http://localhost:8080/jsp/index.jsp 展现在大家面前的是一个空白。  - 实际上访问以上的......
  • 循环数组的最大子段和
    题目:http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1050 题意:给定一个长度为50000的数组,求它的循环数组的最大子段和。分析:本题与普通的最大子段和问题不同的是,最大子段和可以是首尾相接的情况,即可以循环。那么这个题目的最    大子段和有两种情况    ......
  • vue使用qrcodejs2生成二维码且底部带文字描述,支持下载(日常记录)
    使用qrcodejs2生成二维码的方法:/***二维码生成*@paramcontent生成二维码内容*@paramdesc二维码底部描述*@paramqrcodeDom挂在dom*@returns{*|HTMLDivElement}*/exportfunctiongeneratorQrcode(content,desc,qrcodeDom=null){constqrcodeCo......
  • Java中常见转换-数组与list互转、驼峰下划线互转、Map转Map、List转Map、进制转换的多
    场景Java中数组与List互转的几种方式数组转List1、最简单的方式,Arrays.asList(array);创建的是不可变列表,不能删除和新增元素String[]array=newString[]{"a","b"};List<String>stringList=Arrays.asList(array);System.out.println(strin......
  • 【WebView2】(二)WinForm 引入 WebView2 显示 Web 内容
    https://www.itsvse.com/thread-10362-1-1.html需求:使用VS2022新建一个.NETFramework4.7.2的WinForm项目,引用Microsoft.Web.WebView2SDK包,使用WebView2控件显示和渲染Web应用。MicrosoftEdgeWebView2控件允许在本机应用中嵌入web技术(HTML、CSS以及JavaSc......
  • 序列化Java对象重命名字段,@JSONField、@JsonProperty、@SerializedName
    @JSONField主要用于返回出参转换这个注解分别可以注解在实体类的属性、setter和getter方法上publicclassTest{/*注解在属性上的时候可以设置一些序列化、格式化的属性@JSONField(serialize=false)---->序列化的时候忽略这个属性@JSO......
  • AngularJS directive入门例子
    这是《AngularJS》这本书里面提供的一个例子: JS代码:varexpanderModule=angular.module('expanderModule',[])expanderModule.directive('expander',function(){return{restrict:'EA',replace:true,transclude:true......
  • JS模块式开发
    问题:js文件须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难! C语言中模块开发-include requireJS库——借鉴类似C中模块依赖解决方式(include)<scriptsrc="js/require.js"data-main="js/......