美文网首页
数组去重

数组去重

作者: 兰夏天 | 来源:发表于2019-08-13 18:03 被阅读0次

1 属性与数组连用 去重

 var colorList = ['红', '白', '黄', '黑', '红', '白', '黄', '红', '黄', '黄']
    var onecolorList = []
    var josn = {}
    for (var i = 0; i < colorList.lenght; i++) {
      var _self = colorList[i]
      if (json[_self]) {
        onecolorList.push(_self)
      }
    }
 // 得到的 onecolorList  ['红',‘白’,'黄',‘黑’]

2 (indexOf方法)

  var colorList = ['红', '白', '黄', '黑', '红', '白', '黄', '红', '黄', '黄']
    var onecolorList = []
    for (var i = 0; i < colorList.lenght; i++) {
      var _self = colorList[i]

      if (onecolorList.indexOf([_self]) === -1) {
        onecolorList.push(_self)
      }
    }

3 利用 indexOf 方法2

  var colorList = ['红', '白', '黄', '黑', '红', '白', '黄', '红', '黄', '黄']
    var onecolorList = []
    for (var i = 0; i < colorList.lenght; i++) {
      var _self = colorList[i]

      if (colorList.indexOf(_self) === i) {
        onecolorList.push(_self)
      }
    }

4 set set 去重

方法1 联合Arry.form

var colorList = ['红', '白', '黄', '黑', '红', '白', '黄', '红', '黄', '黄']
 var item =new Set(colorList)
console.log(item)  // {'红', '白', '黄', '黑'}
var coloritem =Arry.form(item)
console.log(coloritem ) // ['红', '白', '黄', '黑']

方法2 联合扩展运算符

var colorList = ['红', '白', '黄', '黑', '红', '白', '黄', '红', '黄', '黄']
 var item =[...new Set(colorList)]
console.log(item) // ['红', '白', '黄', '黑']

5 利用filter()

var colorList = ['红', '白', '黄', '黑', '红', '白', '黄', '红', '黄', '黄']
 const  colorListtt =colorList.filter((item,index,self)=>{ 
    result   self.indexOf(item)===index
})
console.log(colorListtt ) // ['红', '白', '黄', '黑']
  

相关文章

  • Array集结号

    实现数组去重的几种方法 数组去重一 数组去重二 利用数组indexof+push实现数组去重 数组去重三 利用对象...

  • 实现数组去重有哪些方式

    简单的数组去重 数组对象去重

  • 数组去重的四种方法

    利用双for循环去重 利用对象数组去重 利用对象数组去重并且记录重复次数 通过创建一个新数组进行数组去重

  • js数组去重、对象数组去重

    普通数组去重 一、普通数组去重 方法一:遍历数组法 方法二:排序法 方法三:对象法 对象数组去重 方法一:将对象数...

  • javascript数组去重,数组对象去重

    利用Reduce去重 function unique(arr) {var obj = {};arr = arr.r...

  • js:数组去重

    数组去重的常见写法: 数组去重封装成方法: es6的数组去重(Array.from):

  • ES6数组去重

    普通数组去重 方法1 方法2 对象数组去重

  • js reduce去重用法

    reduce不仅仅可以数据累加,还可以实现去重效果。 重复次数计算 数组去重 数组对象去重,转为数组 对象去重

  • 数组去重

    传统方法 ES6 扩展 传统方法 最后再写到 Array.prototype 原型中

  • 数组去重

    老题了。。虽然网上一搜一大堆,还是自己想了想,自己动笔写了几种。

网友评论

      本文标题:数组去重

      本文链接:https://www.haomeiwen.com/subject/lobbjctx.html