首页 > js去重问题

js去重问题

今天碰到一个问题 js里面的去重 如下,我要选取所有大一的女生姓名,采取下面的这种遍历方法,发现结果有多重复,怎样解决:

var infos = [['小A','女',21,'大一'],
['小B','男',23,'大三',],
['小C','男',24,'大四'],
['小D','女',21,'大一'],
['小E','女',22,'大四'],
['小F','男',21,'大一'],
['小G','女',22,'大二'],
['小H','女',20,'大三'],
['小I','女',20,'大一'],
['小J','男',20,'大三']];
for(var i = 0;i<infos.length;i++){
   var arr = infos[i];
   for(var j = 0;j<arr.length;j++){
     if(arr[1]=='女' && arr[3]=='大一'){
           document.write(arr[0]+'<br/>');
         }
      }

}

result:
小A
小A
小A
小A
小D
小D
小D
小D
小I
小I
小I
小I


不需要使用for循环,用js直接这样就可以,

infos.forEach(function(item){
   if(item[1] === "女" && item[3] === "大一"){
       console.log(item[0]);
   }
})

你在控制台打印,这样能够拿到小A 小D 小I 了


你里面加的那个循环目的是什么?

你这不是过滤重复的问题。重复是你制造出来的。


里面的循环是多余的,也是导致重复输出的原因。而且js好像没有二维数组吧。你把每一个同学存在一个对象元素里面,处理起来比数组方便一些,可以直接取对象的属性判断。


原生解决方法(需要浏览器支持filter函数)

var infos = [['小A','女',21,'大一'],
['小B','男',23,'大三',],
['小C','男',24,'大四'],
['小D','女',21,'大一'],
['小E','女',22,'大四'],
['小F','男',21,'大一'],
['小G','女',22,'大二'],
['小H','女',20,'大三'],
['小I','女',20,'大一'],
['小J','男',20,'大三']];



//var result = _.last(infos);

//console.log(result);

var arr = infos.filter(function(item){
    if(item[1] === '女' && item[3] === '大一'){
        return item;
    }
});

console.log(arr);

用lodash库的解决方法

var _ = require('lodash');

var infos = [['小A','女',21,'大一'],
['小B','男',23,'大三',],
['小C','男',24,'大四'],
['小D','女',21,'大一'],
['小E','女',22,'大四'],
['小F','男',21,'大一'],
['小G','女',22,'大二'],
['小H','女',20,'大三'],
['小I','女',20,'大一'],
['小J','男',20,'大三']];

var result= _.filter(infos, function(item ) {
    return item[1] === '女' && item[3] === '大一';
});

//var result = _.last(infos);

console.log(result);

sorry 忘记了,lodash 已经也不支持老的浏览器了,用underscore 吧

【热门文章】
【热门文章】