首页 > web前端 > js教程 > 正文

王林
发布: 2024-08-26 21:42:32
原创
367 人浏览过

套

  • 在 ES6 之前,JS 只有两种内置数据结构,即数组和对象。 ES6 引入了两个新的 DS:套、Map。
  • 用于存储和有序检索使用数组。
  • 仅当顺序不重要时才使用集合,并且您只需要检查数据结构中元素是否存在。
  • 集合并不是为了取代数组。数组更重要。

- 每当需要按顺序存储值以及重复值时,就必须使用数组。

## Usecase: To remove duplicate values of arrays.
const order = ['pizza','burger','pasta','noodles','pizza','noodles','burger'];

const items = new Set(order);
items; // All duplicate values are removed

const city = new Set("California").size;
city; // 8
登录后复制

套装:

  • 集合也是像 String 一样的可迭代对象。
  • 独特值的集合。
const city = new Set("California");
city;     // Set(8) { 'C', 'a', 'l', 'i', 'f', 'o', 'r', 'n' }

登录后复制
## Difference between Set & Array:
1. Although looks similar to array, but it has no key-value pairs. Hence, set[0] is invalid.
2. Only a list of unique values, all duplicate removed.
3. Order of element is irrelevant

## Similarities between Arrays & 套:
1. Set has size property, Array has length propery.
2. Set has 'has' method, Array has includes method.

const order = ['pizza','burger','pasta','noodles','pizza','noodles','burger'];

const items = new Set(order);
items; // Set(4) { 'pizza', 'burger', 'pasta', 'noodles' }


//Both array and sets are iterables. Hence easier to convert from sets to array.
[...items];
登录后复制

Adv:尽管可以保存混合数据类型,但永远不能重复。
最常见的可迭代对象是数组。前任。语法:new Set(可迭代)

集合的方法和属性列表:

.size;  // returns a numerical value
.has('name'); // returns a boolean value
.add('name');  // returns the set with added value
.delete('name'); // returns a boolean value
.clear(); // deletes all elements. returns Set(0) {} 


登录后复制

以上是套的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板