自定义集合和ES6集合

news2024/10/7 4:24:03

概念

集合是由一组无序唯一的项组成的。

空集是指不含任何元素的集合。

说在前面

虽然es6已经有了Set类。但是我们还是希望自己来实现Set类。

原生的Set类参考我这篇博文:

JS中数组如何去重(ES6新增的Set集合类型)+经典two sum面试题http://t.csdn.cn/ZjVZS以下创建的Set类是以{key:value,key1:value1,key2:value2}进行存值的

原生的Set类是一种类数组的集合类型。以索引+索引对应的值进行存储的。

创建

构造函数:

class Set {
    constructor() {
        this.items = {}
    }
}

has(element)方法或叫hasKey(keyName)

作用:用来检验某个元素是否存在于集合中。

has(element) {
    return element in this.items
}

这里我们先讲讲in关键字

in关键字可以判断对象是否是数组/对象的元素/属性

obj = {};
'name' in  obj // false
'__proto__'  in obj // true

可以看到,原型链上也会被检验到。

obj = {name:'a'}
'name' in  obj // true

当他用于数组检测:变成下标检测

3 in [1,2,3,4] // true

用in来检验,会带入原型链上属性的检验。我们有更好的实现方式

has(element) {
    return Object.prototype.hasOwnProperty.call(this.items, element);
}

hasOwnProperty方法可以检测对象是否具有特定的属性。(不含原型链上)

为什么要用call呢?

我们也可以在代码中使用this.items.hasOwnProperty(element)。但是代码工具如ESLint会抛出一个错误。因为不是所有的对象({})都继承了Object.prototype上的方法,或者Object.prototype上的方法可能会被改写覆盖。

add(element)方法

add(element) {
  if (!this.has(element)) {
      this.items[element] = element;
      return true;
  }
  return false;
}

delete(element)方法

delete(element) {
    if (this.has(element)) {
        delete this.items[element];
        return true
    }else  {
        return false
    }
}

clear方法

没必要通过迭代将一个个属性删除,直接归零就行

clear() {
    this.items = {}
}

size方法

有三种实现方式:

一、在Set类里设置一个length的私有变量。当发生增删操作的时候,对length进行重新赋值。

二、使用JS中Object类的一个内置方法(ES6及以上的版本)

size() {
    return Object.kyes(this.items).length
}

三、手动提取items对象上的每一个属性,判断属性是否属于原型链上,然后再给予计数。优点是能在任何浏览器上运行。

size() {
    let count = 0;
    for (let key in this.items) {
        if (this.has(key)) count++
    }
    return count;
}

快速回顾一下for of 和for in的区别,请见附录for of和for in的循环

values方法

values() {
    return Object.values(this.items)
}

Object.values方法返回了一个包含给定对象所有属性值的数组。它是ES6新增的语法。所以不兼容所有浏览器。

values() {
    let values = [];
    for (let key in this.items) {
        if (this.has(key)) {
            values.push(key)
        }
    }
    return values   
}

使用Set类

class Set {
    constructor() {
        this.items = {}
    }
    has(element) {
        return Object.prototype.hasOwnProperty.call(this.items, element);
    }
    add(element) {
      if (!this.has(element)) {
          this.items[element] = element;
          return true;
      }
      return false;
    }
    delete(element) {
        if (this.has(element)) {
            delete this.items[element];
            return true
        }else  {
            return false
        }
    }
    clear() {
        this.items = {}
    }
    size() {
        let count = 0;
        for (let key in this.items) {
            if (this.has(key)) count++
        }
        return count;
    }
    values() {
        let values = [];
        for (let key in this.items) {
            if (this.has(key)) {
                values.push(key)
            }
        }
        return values   
    }
}

const set1 = new Set()

set1.add(3)

console.log(set1.values()) // [3]

console.log(set1.size()) // 1

set1.add('dddo')

console.log(set1.values()) // [3, 'dddo']

console.log(set1.size()) // 2

集合运算

集合在计算机科学中的主要应用之一就是数据库。

关系型数据库(Oracle、SQL、MySQL)在创建查询指令时,可以指定是冲表中获取全部数据还是获取其中的子集;也可以获取两张表的共有数据等等。这些行为在SQL领域叫做联接。

而联接的基础就是集合运算

集合运算常见有四种:

并集、交集、差集、子集

并集

并集:对于给定的两个集合,返回一个包含两个集合所有元素的新集合(无重复)

 意思是x(元素)存在于A中,或存在于B中。

class set {
    ...,
    union(newSet) {
        const resultSet = new Set();
        this.values().forEach(value => resultSet.add(value))
        newSet.values().forEach(value => resultSet.add(value))
        return resultSet 
    }
}

forEach是es6的方法。如果为了兼容性,可以改写为for循环进行遍历。

测试一下:

const setA = new Set()
const setB = new Set()
setA.add(1)
setA.add(2)
setA.add(3)
setB.add(2)
setB.add(3)
setB.add(4)
setB.add(6)
console.log(setA.union(setB).values()) // ['1', '2', '3', '4', '6']

注意,union是不会改变setA和setB的。对于这种没有副作用(不会改变自身和入参)的方法和函数,我们称为纯函数。纯函数只会生成一个新的结果。

交集

意思是x(元素)存在于A中,且x存在于B中。

intersection(otherSet) {
    const intersectionSet = new Set();
    const values = this.values();
    values.forEach(value => {
        if (otherSet.has(value)){
            intersectionSet.add(value)
        }
    })
    return intersectionSet 
}

改进交集方法:

假设我们有以下两个集合:

setA的值为[1,2,3,4,5,6,7]

setB的值为[1,2]

如果使用我们创建的intersection方法,则需要迭代七次setA的值。但是实际上如果我们拿setB的元素进行比较,则只需要迭代2次。

  intersection(otherSet) {
    const intersectionSet = new Set();
    if (this.size() <=  otherSet.size()) {
        this.values().forEach(value => {
           otherSet.has(value) &&  intersectionSet.add(value)
        })
    }else {
        otherSet.values().forEach(value => {
           this.has(value) &&  intersectionSet.add(value)
        })
    }
    return intersectionSet;
  }

差集

意思是x(元素)存在于A中,但是不存在于B中。

  difference(otherSet) {
    const differenceSet = new Set();
    this.values().forEach(value => {
      if (!otherSet.has(value)) {
        differenceSet.add(value);
      }
    });
    return differenceSet;
  }

注意:我们得到的是存在A不存在于B的元素,也就是说我们不能像优化 intersection一样优化difference,或者可能将得到B相对于A的差集,而不是A相对于B的差集。

回顾一下:

子集

 意思集合A中的每一个元素都要存在于B之中。

isSubsetOf(otherSet) {
    if (this.size() > otherSet.size()) {
        return false
    }
    return this.values().every(value => otherSet.has(value))
}

every也是es6的方法,当条件不满足的时候,会自动停止循环

ES6的Set类

const set = new Set();
set.add(1); // Set(1) {1}
set.values(); // SetIterator {1}
set.has(1); // true
set.size; // 1
set.delete(1); // true

跟我们实现的Set类不同,ES6的values方法返回的是Iterator迭代器。size是它的属性而不是方法。

我们的set类实现了并集、交集、差集、子集等数学运算。而原生的Set类是没有这些功能的。但是我们可以通过外部方法进行实现。

模拟并集

const unionSet(setA,setB) => {
    const resultSet = new Set()
    setA.forEach(item => resultSet.add(item))
    setB.forEach(item => resultSet.add(item))
    return resultSet
}

模拟交集

const intersection = (setA,setB) => {
    const intersectionSet = new Set();
    let biggerSet = setA
    let smallerSet = setB;
    if (setA.size < setB.sieze) {
        biggerSet = setB
        smallerSet = setA
    }
    smallerSet.forEach(t=>{
        if (biggerSet.has(t)) {
            intersectionSet.add(t)
        }
    })
    return intersectionSet
}

差集就简单啦,改一下代码

const intersection = (setA,setB) => {
    const intersectionSet = new Set();
    let biggerSet = setA
    let smallerSet = setB;
    if (setA.size < setB.sieze) {
        biggerSet = setB
        smallerSet = setA
    }
    smallerSet.forEach(t=>{
        if (!biggerSet.has(t)) {
            intersectionSet.add(t)
        }
    })
    return intersectionSet
}

这样子看来,es6提供的Set类远没有我们自定义方便。事实真的是这样吗?

Set类支持使用扩展运算符

先看并集:

new Set([...setA,...setB])

Set类支持香构造函数传入一个数组来初始化集合的运算。

交集运算:

new Set([...setA].fitler(x => setB.has(x)))

差集运算

new Set([...setA].fitler(x => !setB.has(x)))

多重集/袋

集合的概念规定了集合结构不允许存在重复的元素。在数学中,有一个叫多重集的概念。他允许我们向集合中插入之前已经添加过的元素。多重集(袋)在统计集合中元素出现的次数很有用。它也在数据库系统中呗广泛使用。

附录:for of和for in

for in:

用它可以遍历数组,对象,集合。遍历数组遍历的值是数组index索引,遍历对象和集合时遍历的是key值。

for of: ES6新增语法

适用于遍历数组,字符串,map/set等拥有iterator迭代器的的集合。

它遍历的是数组的value值,而不是数组索引值index。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/588029.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

C++进阶——哈希的实现

C进阶——哈希的实现 unordered系列关联式容器 在C11出现中有了重大更新就是添加了移动构造和unordered关联容器。在C98中&#xff0c;STL提供了底层为红黑树结构的一系列关联式容器&#xff0c;在查询时效率可达到O( l o g 2 N log_2 N log2​N)&#xff0c;即最差情况下需要…

MYSQL高级之关联查询优化

建表 CREATE TABLE IF NOT EXISTS class ( id INT(10) UNSIGNED NOT NULL AUTO_INCREMENT, card INT(10) UNSIGNED NOT NULL, PRIMARY KEY (id) ); CREATE TABLE IF NOT EXISTS book ( bookid INT(10) UNSIGNED NOT NULL AUTO_INCREMENT, card INT(10) UNSIGNED NOT NULL, PRI…

vue router实现路由跳转方法

今天在学习 vue的过程中&#xff0c;看到了 vue的 router&#xff0c;用它来实现路由跳转&#xff0c;非常方便&#xff0c;于是就尝试了一下。效果还不错。 首先我们需要了解一个概念&#xff1a; Router。 Router是一个接口&#xff0c;它提供了一个接口让我们可以从一个地方…

Flutter 笔记 | Flutter 核心原理(二)关键类和启动流程

Widget、Element、BuildContext 和 RenderObject Widget Widget关键类及其子类继承关系如图所示&#xff1a; 其中&#xff0c;Widget是Widget Tree所有节点的基类。Widget的子类主要分为3类&#xff1a; 第1类是RenderObjectWidget的子类&#xff0c;具体来说又分为SingleCh…

08. 算法之递归算法

前言 递归&#xff0c;字面意思是递出去&#xff0c;拿回来&#xff0c;通过不断递过去&#xff0c;拿回来的过程&#xff0c;将每次调用结果保存起来&#xff0c;最后实现循环调用。递归在某些情况下会极大降低我们编程的复杂度。是软件开发工程师一定要掌握的技能。 1. 概念…

Linux—实操篇:vi和vim编辑器

1.vi和vim基本介绍 Linux系统会内置vi文本编辑器 vim具有程序编写的能力&#xff0c;可以看做是vi的增强版本&#xff0c;被程序员广泛使用 2、vi和vim常用的三种模式 2.1、正常模式 以vim打开一个档案就直接进入一般模式了(这是默认的模式)。在这个模式中&#xff0c;你可…

溯源取证 - 流量分析 中等难度

使用工具&#xff1a; Brim 链接: https://www.brimdata.io/download/ Networkminer 链接: https://www.netresec.com/?pageNetworkMiner Wireshark Strings ida pro 知识点&#xff1a; 通过本篇文章&#xff0c;学习ssh协议特点、学习流量导出文件、学习简单的逆向分析、…

卫星定位北斗芯片AT6558一款高性能BDS/GNSS多模卫星导航接收机SOC单芯片

1 芯片简介 AT6558R是一款高性能BDS/GNSS多模卫星导航接收机SOC单芯片,片上集成射频前端&#xff0c; 数字基带处理器&#xff0c;32位的RISCCPU&#xff0c;电源管理功能。 芯片支持多种卫星导航系统&#xff0c;包括中国的北斗卫星导航系统BDS&#xff0c;美国的GPS,俄罗斯 的…

Mysql DDL执行方式-pt-osc介绍 | 京东云技术团队

1 引言 大家好&#xff0c;接着上次和大家一起学习了《MySQL DDL执行方式-Online DDL介绍》&#xff0c;那么今天接着和大家一起学习另一种MySQL DDL执行方式之pt-soc。 在MySQL使用过程中&#xff0c;根据业务的需求对表结构进行变更是个普遍的运维操作&#xff0c;这些称为…

elasticsearch分词,排序,分页,高亮简单示例

目录 1. 创建ES实体2. 创建查询实体3. 查询方法实现3.1 总体代码3.2 构建查询条件3.2.1 关键词分词 3.3 高亮处理4.总体查询代码 记&#xff0c;写一个简单的es分词demo,es版本6.8.12 如果使用es7有些方法可能会有所改变&#xff0c;请参考7的文档 es安装教程&#xff1a;http:…

SUSE系统上安装HANA

一:安装SUSE操作系统 1.1 准备安装镜像 SLE-15-SP1-安装程序-DVD-x86_64-GM-DVD1 SLE-15-SP1-软件包-x86_64-GM-DVD1 SAP HANA安装文件 IMDB_SERVER20_032_0-80002031.SAR 1.2 引导系统 1.3 选择要安装的产品 SUSE Linux Enterprise Server for SAP Applications 15 SP…

Stable Diffusion教程(5) - 文生图教程

配套视频教程&#xff1a; https://v.douyin.com/UyHNfYG/ 文生图界面标注如下 1 提示词和反向提示词 提示词内输入的东西就是你想要画的东西&#xff0c;反向提示词内输入的就是你不想要画的东西 提示框内只能输入英文&#xff0c;所有符号都要使用英文半角&#xff0c;词语…

企业级信息系统开发讲课笔记4.5 掌握Spring Boot多环境配置

文章目录 零、学习目标一、项目进行多环境配置的必要性二、使用Profile文件进行多环境配置&#xff08;一&#xff09;创建Spring Boot项目&#xff08;二&#xff09;创建多环境配置文件1、全局配置文件改名2、模拟开发环境3、模拟测试环境4、模拟生产环境 &#xff08;三&…

Unity基础 音频组件以及音频播放

在游戏开发中&#xff0c;声音是一个重要的环节。Unity中的声音组件可以帮助开发者轻松地控制游戏中音频的播放、音量、循环等属性&#xff0c;从而实现更好的游戏体验。本文将详细介绍Unity声音组件的相关概念和技术&#xff0c;以及其在游戏、影视等领域的广泛应用和发展前景…

银行联行号-联行号api接口-联行号数据源

接口地址&#xff1a; https://登录后显示/api/180/348(支持:http/https) 数据源&#xff1a;https://www.wapi.cn/source/8.html 网站地址&#xff1a;https://www.wapi.cn 返回格式&#xff1a;json,xml 请求方式&#xff1a;GET,POST 请求说明&#xff1a; 银行联行号-联行…

数据集:T-Drive(北京出租车轨迹数据)

1 数据来源 T-Drive trajectory data sample - Microsoft Research 2 数据介绍 数据集包含了2008年2月2日至2月8日期间在北京市内的10,357辆出租车的GPS轨迹。总共包含约1500万个GPS点&#xff0c;轨迹总里程达到了900万公里。 图1显示了两个连续点之间的时间间隔和距离间隔…

Apache 配置和应用

目录 构建虚拟 Web 主机 Options指令解释 Options指令常用选项 AllowOverride指令解释&#xff1a; 地址限制策略&#xff1a; httpd服务支持的虚拟主机类型包括以下三种: 基于域名的虚拟主机 1&#xff0e;为虚拟主机提供域名解析 2.为虚拟主机准备网页文档 3.添加虚拟…

【服务器】springboot实现HTTP服务监听

文章目录 前言1. 本地环境搭建1.1 环境参数1.2 搭建springboot服务项目 2. 内网穿透2.1 安装配置cpolar内网穿透2.1.1 windows系统2.1.2 linux系统 2.2 创建隧道映射本地端口2.3 测试公网地址 3. 固定公网地址3.1 保留一个二级子域名3.2 配置二级子域名3.2 测试使用固定公网地址…

Mysql 异常,“Cause: com.mysql.cj.jdbc.exceptions.MySQLTimeoutException”

Cause: com.mysql.cj.jdbc.exceptions.MySQLTimeoutException: Statement cancelled due to timeout or client request 简言&#xff1a;这种异常从字面翻译过来&#xff1a;mysql 请求链接超时&#xff0c;具体超时是什么原因导致的&#xff0c;可以根据情况分析下。 异常详…

【黄啊码】PHP商城中的积分任务系统实现

大家好&#xff0c;我是黄啊码&#xff0c;前几天有位小伙伴问我&#xff0c;商城中的任务系统是怎么实现的&#xff1f; 积分作为一种营销手段&#xff0c;被广泛运用于线上/线下的产品中&#xff0c;以此来增加用户对于产品的粘性。比如天猫积分可以用来兑换商品&#xff0c…