zoukankan      html  css  js  c++  java
  • JS数组操作:去重,交集,并集,差集

    1. 数组去重

    方法一:

    function unique(arr) {
        //定义常量 res,值为一个Map对象实例
        const res = new Map();
        
        //返回arr数组过滤后的结果,结果为一个数组
        //过滤条件是,如果res中没有某个键,就设置这个键的值为1
        return arr.filter((a) => !res.has(a) && res.set(a, 1))
    }

    方法二:

    function unique(arr) {
        //通过Set对象,对数组去重,结果又返回一个Set对象
        //通过from方法,将Set对象转为数组
        return Array.from(new Set(arr))
    }

    方法三:

    function unique(arr) {
      return [...new Set(arr)]
    }

    2. 数据求交集、并集、差集

    a = [1, 2, 3]

    b = [2, 4, 5]

    方法一:

    ES7新增了一个Array.prototype.includes的数组方法,用于返回一个数组是否包含指定元素,结合filter方法

    // 并集
    let union = a.concat(b.filter(v => !a.includes(v))) // [1,2,3,4,5]
    // 交集
    let intersection = a.filter(v => b.includes(v)) // [2]
    // 差集
    let difference = a.concat(b).filter(v => !a.includes(v) || !b.includes(v)) // [1,3,4,5]

    方法二:

    ES6中新增的一个Array.from方法,用于将类数组对象和可遍历对象转化为数组。只要类数组有length长度,基本都可以转化为数组。结合Set结构实现数学集求解。

    let aSet = new Set(a)
    let bSet = new Set(b)
    // 并集
    let union = Array.from(new Set(a.concat(b))) // [1,2,3,4,5]
    // 交集
    let intersection = Array.from(new Set(a.filter(v => bSet.has(v)))) // [2]
    // 差集
    let difference = Array.from(new Set(a.concat(b).filter(v => !aSet.has(v) || !bSet.has(v)))) // [1,3,4,5]

    方法三:

    ES5可以利用filter和indexOf进行数学集操作,但是,由于indexOf方法中NaN永远返回-1,所以需要进行兼容处理。

    • 不考虑NAN(数组中不含NaN)
    // 并集
    var union = a.concat(b.filter(function(v) {
    return a.indexOf(v) === -1})) // [1,2,3,4,5]
    // 交集
    var intersection = a.filter(function(v){ return b.indexOf(v) > -1 }) // [2]
    // 差集
    var difference = a.filter(function(v){ return b.indexOf(v) === -1 }).concat(b.filter(function(v){ return a.indexOf(v) === -1 })) // [1,3,4,5]
    • 考虑NAN
    var aHasNaN = a.some(function(v){ return isNaN(v) })
    var bHasNaN = b.some(function(v){ return isNaN(v) })
    // 并集
    var union = a.concat(b.filter(function(v) {
    return a.indexOf(v) === -1 && !isNaN(v)})).concat(!aHasNaN & bHasNaN ? [NaN] : []) // [1,2,3,4,5]
    // 交集
    var intersection = a.filter(function(v){ return b.indexOf(v) > -1 }).concat(aHasNaN & bHasNaN ? [NaN] : []) // [2]
    // 差集
    var difference = a.filter(function(v){ return b.indexOf(v) === -1 && !isNaN(v) }).concat(b.filter(function(v){ return a.indexOf(v) === -1 && !isNaN(v) })).concat(aHasNaN ^ bHasNaN ? [NaN] : []) // [1,3,4,5]

    参考:

    https://segmentfault.com/a/1190000011861891

    https://excaliburhan.com/post/js-set-operation.html

  • 相关阅读:
    1 python 基础
    php数据几行代码导出到excel(非插件)
    支付宝单笔转账demo (改配置直接用)
    require include 一个隐藏的用法:作用域。
    require include php5中最新区别,百度上好多错的。
    MySQL 普通注册插入优化。
    nginx 下开启pathinfo模式
    微信网页授权demo2
    事务处理不支持的可能程序外问题。
    php5.3中namespace的说明,帮助初次接触namespace的phper快速理解
  • 原文地址:https://www.cnblogs.com/chaoxiZ/p/9772688.html
Copyright © 2011-2022 走看看