js实现push重复的数组拿到最新的数据

这篇具有很好参考价值的文章主要介绍了js实现push重复的数组拿到最新的数据。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

2023.8.1今天我学习了如何使用js把重复push的数组只取最新的。

如:当我们使用@input方法需要对数据进行叠加的时候可能会对同一条数据进行多次操作。

如:
data:[

{id:1,name:'张三'},{id:2,name:'李四'},{id:1,name:'张三三'}

]
通过这个数组我们会发现id为1的这个数据会添加了两次,但是我们只需要拿到最新的数据。

代码如下:

      let obj = {
        id: val.id,
        name: val.name,
      }

      this.oldData.push(obj)  //叠加数组
      let lastData = {}

      for (let i = 0; i < this.oldData.length; i++) {
        let item = this.oldData[i]
        lastData[item.id] = item  //根据id去拿对应的数据
      }

      let transformData = Object.values(lastData)
      this.newData = transformData

这样可以实现 

data:[

{id:2,name:'李四'},{id:1,name:'张三三'}

]就不会造成拿到重复的数据。文章来源地址https://www.toymoban.com/news/detail-623919.html

到了这里,关于js实现push重复的数组拿到最新的数据的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue 循环map对象拿到key值和value值,VUE 获取对象{}的key值,vue根据对象id删除数组中的对象,实现局部刷新的功能,vue中JS 对象动态添加键值对 vue中JS 对象动态添加键值对

    适用场景: vue中定义的map对象 map : { name : \\\'xxx\\\' } 接口回显map格式的数据 data :{ key : value} 都可以通过以下方式拿到key和value的值 VUE 获取对象{}的key值  vue根据对象id删除数组中的对象,实现局部刷新的功能 方法一:使用过滤器 注:这个一般是根据对象id 方法二:使用splice() 注

    2024年02月16日
    浏览(52)
  • Js:获取数组对象重复属性值和数组对象去重

    对象数组去重分为两类:根据某一属性去重,和去重完全相同对象(属性属性值都相同) 一.数组嵌套对象,根据对象某一属性去重 二、数组嵌套对象,去重完全相同对象(属性属性值都相同) 整理如下: 首先、循环数组,拿到对象的所有属性组成的数组; 其次、循环属性

    2024年01月21日
    浏览(49)
  • js实用篇-去除数组或者对象里重复选项

    在 JavaScript 中,数组去重,对象去重,可以使用多种方法来去除数组或对象中的重复项。以下是其中的一些方法: 方法一:使用 Set 使用 Set 是去除数组中重复项的最简单和最快的方法。Set 对象是一组不重复的值的集合,可以接受一个数组(或者具有可迭代属性的其他对象)

    2024年02月16日
    浏览(31)
  • js判断对象数组中的元素是否存在重复

     1、使用  Array.some()  方法和自定义比较函数: 使用  Array.some()  方法遍历数组,对每个元素执行自定义的比较函数。比较函数使用  Array.findIndex()  方法来查找与当前元素相等且索引不同的元素,如果找到则表示存在重复元素。 2、使用  Set  数据结构: 使用  Set  数据结

    2024年02月13日
    浏览(61)
  • JavaScript:js数组/对象遍历方法

    一、js遍历方法 序号 方法 描述 1 for 使用最基本的for循环可以遍历数组 2 for of for...of语句用来遍历可迭代对象(包括数组、Set、Map、字符串等),它可以替代传统的for循环和forEach()方法。for...of循环每次迭代都将返回一个值,而不是索引。 3 for in for...in语句用来遍历对象的可

    2024年02月09日
    浏览(55)
  • js拿到接口数据 处理成三级或者四级结构再进行渲染

    背景:接口的数据结构一层套一层 类似于这样 后端返回真实的数据如下: 这是个四级结构 需要渲染的也是四级 只需要拿到每个层级的name和第一个层级的ID 用最笨的方式来一层层解析 再进行渲染

    2024年02月13日
    浏览(37)
  • 【javascript】js获取数组中数值最大的数

    一、借助apply()的参数,获得最大值 由于max()里面参数不能为数组,所以借助apply(funtion,args)方法调用Math.max(),function为要调用的方法,args是数组对象,当function为null时,默认为上文,即相当于apply(Math.max,arr) 二、借助call()的参数,获得最大值 call()与apply()类似,区别是传入参数

    2024年02月11日
    浏览(39)
  • 【前端灵魂脚本语言JavaScript⑤】——JS中数组的使用

    🐚 作者: 阿伟 💂 个人主页: Flyme awei 🐋 希望大家多多支持😘一起进步呀! 💬 文章对你有帮助👉关注✨点赞👍收藏📂 第一种: var 数组名 = new Array(); 创建一个空数组 第二种: var arr2 = new Array(10); 创建一个定长为10的数组 第三种 var arr3 = new Array(a,b,c); 创建时直接指定元素值

    2023年04月08日
    浏览(59)
  • [MFC]过滤数组中重复的数据

    之前在帮客户开发一个自动读取物理网卡地址功能的时候,获取到的网卡地址偶尔会出现重复,如下图,无论是单张网卡还是多张网卡都存在这个问题。由于我获取的网卡地址是存放于CStringArray中,所以我得对其中的数据进行去重才能正常地显示网卡地址。  为此,我在网上

    2024年02月05日
    浏览(33)
  • 〖大前端 - 基础入门三大核心之JS篇㉓〗- JavaScript 的「数组」

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月04日
    浏览(67)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包