JS - 获取数组重复项

这篇博客介绍了如何在JavaScript中处理数组,包括获取数组的重复项、非重复项以及按特定字段归类。示例中展示了针对数据对象的type字段进行分类,并根据不同需求筛选重复或非重复项。同时,还提供了一个处理字符串数组重复项的例子,用于提示用户存在重复的值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

数组-获取数组重复项

场景一:有时候我们需要重复项,给用户二次确认数据

场景二:只要非重复项数据

场景三:把相同类型数据排列在一起

以下可以满足以上场景

//数据
const List=[
    {
        name:'大学女友',
        age:20,
        type:'正宫'
    },
    {
        name:'隔壁姐姐',
        age:24,
        type:'微信'
    },
    {
        name:'楼上阿姨',
        age:32,
        type:'阿姨'
    },
    {
        name:'小区妹妹',
        age:18,
        type:'微信'
    },
]

let key = {} //存储的 key 是type的值,value是在indeces中对应数组的下标
let indices = [] //数组中每一个值是一个数组,数组中的每一个元素是原数组中相同type的下标 
List.map((item, index) => {
  //根据对应字段 分类(type)
  let type= item.type
  let _index = key[type]
  if (_index !== undefined) {
    indices[_index].push(index)
  } else {
    key[type] = indices.length
    indices.push([index])
  }
})
// 归类结果
let result = []
indices.map((item) => {
  item.map((index) => {
   //result.push(List[index]) 相同项排序在一起
   //if (item.length > 1) {} 只要重复项
   //if (item.length == 1){} 只要单独项

   //我这里需要重复项 根据业务处理
   if (item.length > 1) {
    result.push(List[index])
   }
 })
})
//结果
//[{ name:'隔壁姐姐',age:24,type:'微信'}, {name:'小区妹妹',age:18,type:'微信'}]

另一种数组重复处理:

对重复项处理,只要重复项其中一个提示,如下 重复名字,只提示重复的值

const realNameList = ['杨蜜','杨蜜','柳颜','柳颜','苍静空']
const realNameResult = realNameList.filter((e, i) => realNameList.indexOf(e) !== realNameList.lastIndexOf(e) && realNameList.indexOf(e) === i)
if (realNameResult.length > 0) {
	alert(`以下喜欢你的人:${realNameResult.toString()}重名,请选一个翻牌!`)
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值