4.JavaScript数据结构与算法(集合)

1.集合数据结构

集合是由一组无序且唯一的项组成的,该数据结构使用了与有限集合相同的数学概念,但应用在计算机科学的数据结构中。

ECMAScript 2015介绍了Set类是JavaScript API的一部分。本章节将基于Set类来实现自己的Set类。
class Set {
  constructor() {
    this.items = {}
  }
}

下面,来看一下一些集合可用的方法

add(elemet): 向集合添加一个新元素
delete(element): 从集合移除一个元素
has(element): 判断一个元素是否在集合中
clear(): 清空集合
size(): 返回集合所包含元素的数量
valuse(): 返回一个包含集合中所有值的数组

1.has(elemet) 方法

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

Object原型有hasOwnProperty方法,该方法返回一个表明对象是否具有特定属性的布尔值。in运算符则返回标识对象在原型链上是否有特定属性的布尔值

2.add方法

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

对于给定的element,可以检查它是否存在于集合中,如果不存在,就把element添加到集合中

3.delete 和clear方法

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

在delete方法中,需要验证给定的element是否存在于集合中,如果存在,则移除 要重置items对象,直接将一个空对象重新赋值给它即可,也可以迭代集合,用delete方法依次移除所有的值

4.size方法

  size() {
    return Object.keys(this.items).length;
  }
  sizeLegacy() {
    let count = 0;
    for(let key in this.items) {
      if(this.items.hasOwnProperty(key)) {
        count ++;
      }
    }
    return count;
  }

该方法有三种实现方式 第一种方式是使用一个length变量,每当使用add或delete方法时就控制它 第二种是使用JavaScript中Object类的一个内置方法(ECMAScript 2015以上版本) Javascript的Object类有一个keys方法,返回一个包含给定对象所有属性的数组 第三种方法是手动提取items对象的每一个属性,记录属性的个数并返回这个数 迭代items对象的所有属性,检查它是否是对象自身的属性(避免重复计数)

注意:不能简单的使用for-in语句迭代items对象的属性,并递增count变量的值,还需要使用has方法,以验证items对象具有该属性,因为对象的原型包含了额外属性(属性既有继承自JavsScript的Object类的,也有属于对象自身、未用于数据结构的)

5.values方法

  values() {
    return Object.values(this.items);
  }
  valuseLegacy() {
    let values = [];
    for(let key in this.items) {
      if(Object.prototype.hasOwnProperty.call(this.items, key)){
        values.push(key);
      }
    }
    return values;
  }

要实现values方法,同样可以使用Object类内置的values方法

2.集合运算

集合在计算机科学中主要应用之一是数据库,集合被用于查询和设计的处理。当创建一条SQL查询命令时,可以只当是从表中获取全部数据还是获取其中的子集,也可以获取两张表中共有的数据、之村子啊与一张表中的数据,或是存在于两张表内的数据。这些SQL领域的运算叫联接,而SQL联接的基础就是集合运算。

集合相关运算
并集:对于给定的集合,返回一个包含两个集合中所有元素的新集合。
交集:对于给的那个的两个集合,返回一个包含两个集合中共有元素的新集合。
差集:对于给定的两个集合,返回一个包含所有窜在于第一个集合且不存在与第二个集合的元素的新集合。
子集:验证一个给定集合是否是另一个集合的子集

1.并集

  union(otherSet) {
    const unionSet = new Set();
    this.values().forEach(ele => unionSet.add(ele));
    otherSet.values().forEach(ele => unionSet.add(ele));
    return unionSet;
  }

首先需要创建一个新的集合,代表两个集合的并集,接下来获取第一个集合所有的值并添加到新的集合中,同时将第二个集合的值也添加到新的集合中并返回新的集合。

2.交集

  intersection(otherSet) {
    const intersectionSet = new Set();
    const values = this.values;
    for(let i = 0; i < values.length; i++) {
      if(otherSet.has(values[i])) {
        intersectionSet.add(values[i]);
      }
    }
    return intersectionSet;
  }

需要找到当前Set实例中所有也存在于给定Set实例中的元素,迭代当前Set实例的所有制,验证它们是否也存在于ohterSet实例中,如果存在,则添加到新的Set中。

优化intersection方法,如果集合1的元素比集合2的元素多,则需要迭代多次集合1的值
 intersection(otherSet) {
    const intersectionSet = new Set();
    const values = this.values();
    const otherValues = otherSet.values();
    let biggerSet = values;
    let smallerSet = otherValues;
    if(otherValues.length - values.length > 0) {
      biggerSet = otherValues;
      smallerSet = values;
    }
    smallerSet.forEach(ele => {
      if(biggerSet.includes(values)) {
        intersectionSet.add(values);
      }
    })
    return intersectionSet;
  }

首先创建一个新的集合来存放intersection方法返回的结果,同样要获取当前集合实例中的值和作为参数传入intersection方法的值,比较两个集合哪个元素的值更少,迭代元素数量少的集合来计算两个集合的共有元素并返回

3.差集

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

实现方式类似于intersection,不同的是,不能同优化intersection一个来优化此方法,因为集合1与集合2的差集可能与集合2与集合1的差集不一样

4.子集

  inSubsetOf(otherSet) {
    if(this.size() > otherSet.size()) {
      return false;
    }
    let isSubset = true;
    this.values().every(ele => {
      if(!otherSet.has(ele)) {
        isSubset = false;
        return false;
      };
    })
    return isSubset;
  }

第一步验证当前Set集合的大小,如果当前集合比otherSet实例更多,就不是一个子集。 接下来遍历当前集合,如果当前集合中存在某个元素,但是otherSet中不存在,则当前元素不是子集,反之,如果当前集中的所有元素,otherSet中都存在,则为子集

3.ECMAScript 2015 —Set类

不同于上述方法创建的Set,ES2015的Set的values方法会犯Iterator,而不是值构成的数组,另一个区别是上述方法创建的Set的size是一个方法,而原生的Set是size属性

1.模拟并集的运算

const union = (setA, setB) => {
  const unionSet = new Set();
  setA.forEach(ele => unionSet.add(ele));
  setB.forEach(ele => unionSet.add(ele));
  return unionSet;
}

2.模拟交集运算

const intersetcion = (setA, setB) => {
  const intersectionSet = new Set();
  setA.forEach(ele => {
    if(setB.has(ele)) {
      intersectionSet.add(ele);
    }
  })
  return intersectionSet;
}

3.模拟差集运算

const difference = (setA, setB) => {
  const differenceSet = new Set();
  setA.forEach(ele => {
    if(!setB.has(ele)) {
      differenceSet.add(ele);
    }
  })
  return differenceSet;
}

4.使用扩展运算符

使用扩展运算符计算并集、交集、差集的方法包含三个步骤 1.将集合转化为数组 2.执行需要的运算 3.将结果转化回集合

// 并集
const unionSet = new Set([...setA, ...setB]);
// 交集
const intersetcionSet = new Set([...setA].filter(ele => setB.has(ele)));
// 差集
const differenceSet = new Set([...setA].filter(ele => !setB.has(ele)));
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
JavaScript中,可以使用Set对象来表示集合。Set是一种数据结构,用于存储唯一的值,不允许重复。可以使用add()方法向集合中添加元素,使用delete()方法删除元素,使用has()方法检查元素是否存在,使用size()方法获取集合的大小,使用values()方法获取集合中的所有值。以下是几种处理集合的常见操作: 1. 并集:可以通过将两个集合合并成一个新的集合来实现并集操作。可以使用扩展运算符(...)和Set对象的构造函数来实现。例如,给定两个集合setA和setB,可以使用以下代码获取并集: ``` var result1 = new Set([...setA, ...setB]); ``` 2. 交集:可以通过过滤其中一个集合中存在于另一个集合的元素来实现交集操作。可以使用filter()方法和has()方法来实现。例如,给定两个集合setA和setB,可以使用以下代码获取交集: ``` var result2 = new Set([...setA].filter(item => setB.has(item))); ``` 3. 差集:可以通过过滤其中一个集合中不存在于另一个集合的元素来实现差集操作。可以使用filter()方法和has()方法来实现。例如,给定两个集合setA和setB,可以使用以下代码获取差集: ``` var result3 = new Set([...setA].filter(item => !setB.has(item))); ``` 除了使用原生的Set对象,还可以手动实现自己的Set类。可以使用对象来模拟集合,使用键来存储唯一的值。可以定义add()方法用于添加元素,delete()方法用于删除元素,has()方法用于检查元素是否存在,size()方法用于获取集合的大小,values()方法用于获取集合中的所有值。 总结来说,JavaScript中可以使用原生的Set对象或自定义的Set类来处理集合,实现并集、交集和差集等常见操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [JavaScript 集合](https://blog.csdn.net/m0_53099201/article/details/129867843)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* [JavaScript数据结构算法 - 集合](https://blog.csdn.net/qq_46025031/article/details/116207266)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值