js从数组中取出n个不重复的数据

Posted 星辰之夜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js从数组中取出n个不重复的数据相关的知识,希望对你有一定的参考价值。

/**
*    首先,针对这个数组做一个去重处理,避免你在后面取数据的时候,因为取到相同的元素而又要多去取一次随机数
*    将获取到的不重复的数组,再到这里样本里面去取随机数
*    每取到一次,就将这个元素从 “不重复的数组” 中删除,这样length就会 减1
*    最后返回我们取到的数组,就是不重复的数据
*/

// array 传入的数组--去重
function unique(array) {
    let arr = [];

    for(let i in array) {
        if(arr.indexOf(array[i] < 0)) {
            arr.push(array[i]);
        }
    }
    return arr;
}

// 筛选指定个数的数据
function filterData(origin,number) {
    // 1.先将数据去重,如果没有重复的,就跳过这一步
    let uniqueArr = unique(origin);
    
    // 2、number个数肯定要小于或者等于去重后数组的个数
    if(number> uniqueArr) {
        return;
    }
    
    let arr = [];
    
    let random,tempData;
    for(let i=0;i<number; i++) {
    // 产生随机数
    random = parseInt(Math.random()*(uniqueArr.length-1));
    // 将挑选的单个数据从uniqueArr这个样本中剥离出去,所以length会逐渐减小
    tempData = uniqueArr.splice(uniqueArr[random],1);
    // 因为tempData是一个length为1的数组,所以,里面的数据有可能是字符串,数字,对象,数组
        // 注意,不要直接写成arr.push(tempData);  因为你这样你产生的arr其实是一个数组里面嵌套数组的  就像这样 [["a"],["b"]....]
    arr.push(tempData[0]);
    }
            
            
    return arr;
}
// 原始数据
var originData = [1,2,3,4,5,6,7,8,"9aa","sdd","aaq","qq","ww","e","r","t","y","u","i","v","b","n","j","k","i",{"a":1},{"b":2}];

console.log(filterData(originData,6));

以上是关于js从数组中取出n个不重复的数据的主要内容,如果未能解决你的问题,请参考以下文章

js从数组中随机获取n个不重复的数据

js中获得指定范围的n个不重复的随机数

js如何从一个数组中随机取出n个不同且不重复的值

js如何从一个数组中随机取出n个不同且不重复的值

原生JS我打算在把数据存在缓存数组中,再从数组中取出数据在另一个页面取出做表格,怎么不重复添加?

js中怎么把数组中重复的数据取出来