js实现对象数组去重

数组去重,一般会在面试的时候才会碰到,要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你能答出其中的10种,面试官很有可能对你刮目相看。
在实际项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然运用到的概率较低,但还是需要了解一下,以防面试的时候被问到。
在项目中定义对象数组是非常常见的,这就免不了要对对象数组进行去重。当然不能简单的使用===来解决问题,因为这时候数组中的类型为对象类型,即使完全相同的两个对象也不相等的。下面的例子说明一切:

1.数字数组去重

var arr = [11,11,22,33]
function unique(arr) {
    return arr.filter(function (ele, index, array) {
        return array.indexOf(ele) === index
    })
}
unique(arr);

2.对象数组去重

var objArr = [{name:1,num:1},{name:1,num:1},{name:2,num:2}];
const removeDuplicateObj = (arr) => {
  let obj = {};
  arr = arr.reduce((newArr, next) => {
    obj[next.id] ? "" : (obj[next.id] = true && newArr.push(next));
    return newArr;
  }, []);
  return arr;
};
removeDuplicateObj(objArr);

3. 将字符串转成数组

Array.from("将字符串转成数组");//["将", "字", "符", "串", "转", "成", "数", "组"]

4.找到数组的最大和最小值,仅适用于单数字数组

let min = arr.sort((a, b) => a - b)[0];
let max = arr.sort((a, b) => b - a)[0];

5.将一个数组中的每个undefined,'',0,false,null的元素过滤掉

let list = [1, "", undefined, 11341];
arr.filter(Boolean); //[1,11341]
相关推荐
lxyzcm4 分钟前
深入理解C++23的Deducing this特性(上):基础概念与语法详解
开发语言·c++·spring boot·设计模式·c++23
heirui_Oooo5 分钟前
利用两种方式分别实现单例模式(懒汉式、饿汉式)
java·开发语言
滚雪球~9 分钟前
@vue/cli启动异常:ENOENT: no such file or directory, scandir
前端·javascript·vue.js
GISer_Jing28 分钟前
Vue3状态管理——Pinia
前端·javascript·vue.js
好开心3342 分钟前
axios的使用
开发语言·前端·javascript·前端框架·html
又蓝1 小时前
使用 Python 操作 Excel 表格
开发语言·python·excel
余~~185381628001 小时前
稳定的碰一碰发视频、碰一碰矩阵源码技术开发,支持OEM
开发语言·人工智能·python·音视频
Am心若依旧4092 小时前
[c++11(二)]Lambda表达式和Function包装器及bind函数
开发语言·c++
明月看潮生2 小时前
青少年编程与数学 02-004 Go语言Web编程 20课题、单元测试
开发语言·青少年编程·单元测试·编程与数学·goweb
大G哥2 小时前
java提高正则处理效率
java·开发语言