封装一个方法,找出数组中重复数大于n的元素集合

例如 [1, 1, 1, 2, 2, 2, 3, 3, 3, 3, 4, 4],封装一个数组原型上的方法,方法返回 重复数目大于2 的子元素集合,结果为[1, 2, 3]

初看并不难,循环一下就可以搞定

var arr = [1, 1, 1, 2, 2, 2, 3, 3, 3, 3, 4, 4]
var obj = {}
var result = []
for(var i = 0; i<arr.length; i++){
   // 通过对象属性方式,来记录数组每一项出现的次数 
   obj[arr[i]] = obj[arr[i]] ? obj[arr[i]] + 1 : 1
}

Object.keys(obj).forEach(item => {
  if(obj[item] > 2){
    result.push(item)
  }
})
console.log(result) // ['1', '2', '3']
复制代码

不过得到的结果却有些改变 ,因为结果中的值都为字符串,原数组中类型为数字。 其实稍加修改即可 result.push(item) 改为 result.push(+item) 这样result结果符合要求了,即 [1, 2, 3]

有没有别的写法?是不是瞬间看起来高大上了一些呢?

var arr = [1, 1, 1, 2, 2, 2, 3, 3, 3, 3, 4, 4]
var result = arr.reduce((pre,cur)=>{
  const index = pre.findIndex(o => o.value === cur)
  if (index <= -1) {
  	pre.push({
  		value: cur,
  		count: 1
  	})
  } else {
  	pre[index].count ++
  }
  return pre
},[])
.filter(i => i.count > 2)
.map(i => i.value)
console.log(result)
复制代码

思路解析 1因为对象属性的key值会自动转为字符串类型,那么如果能转换为如下的类型,就避免了key值的转换

[
  {	
    value: 1,
    count: 3
  },
  {	
    value: 2,
    count: 3
  },
  {
    value: 3,
    count: 4
  },
  {
     value: 4,
     count: 2
  }
]
复制代码

如果能转换为这样的数据结构,那再filter后map一下,就能得出我们需要的结果。 2 利用reduce转换原本数据 reduce函数第一次执行 pre === [] cur === 1 index === -1 所以 pre === [{value: 1, count:1}] reduce函数第二次执行 pre === [{value: 1, count:1}] cur === 1 index === 0 所以 pre === [{value: 1, count: 2}]

...

依次执行,最终就能得到上面数据结构

对新得到的数据依次执行filter和map filter 对数组 瘦身 ,剔除不满足条件的 map 对数组每一项都进行一个操作,返回新数据组成的数组

那么到这,这道题写完了吗? 答案是否定的,注意审题封装一个数组原型上的方法,那么需要对上面方法进行改造

Array.prototype.myfun = function(n) {

var result = this.reduce((pre,cur)=>{
  const index = pre.findIndex(o => o.value === cur)
  if (index <= -1) {
  	pre.push({
  		value: cur,
  		count: 1
  	})
  } else {
  	pre[index].count ++
  }
  return pre
},[])
.filter(i => i.count > 2)
.map(i => i.value)

return result
}

var arr = [1, 1, 1, 2, 2, 2, 3, 3, 3, 3, 4, 4]
var rusult = arr.myfun(2) //[1, 2, 3]复制代码
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值