es6 Map,Set

最新推荐文章于 2024-09-17 13:42:29 发布

*小白一枚*

最新推荐文章于 2024-09-17 13:42:29 发布

阅读量117

点赞数

分类专栏：笔记文章标签： es6 javascript 前端

本文链接：https://blog.csdn.net/qq_46328930/article/details/125918323

版权

笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

本文详细探讨了ES6中的两种新的数据结构——Map和Set，阐述了它们的基本用法、特点和优势，包括如何创建、操作及在实际开发中的应用场景。Map提供了以键值对形式存储数据的方法，而Set则用于存储不重复的元素，这两个特性为JavaScript开发者提供了更强大的数据管理能力。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ES6 Set与Map数据结构</title>
</head>
<body>
  <script>
    //Set,它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构
    const s=new Set();
    // console.log(s);
    [2,3,5,4,4,6,9].forEach(x=>s.add(x));
    for(let i of s){
        console.log(i);//2 3 4 5 6 9
    }
    //*去除数组重复成员的方法
    let array=[1,5,6,6,9,9]
    const a=[... new Set(array)]
   console.log(a); // [1, 5, 6, 9]
    //*去除字符串里面的重复字符
    console.log([...new Set('aabbcc')].join(''));//abc
    //Array.from方法可以将Set结构转为数组
    const items=new Set([1,2,3,4,5,6,5])
    const array2=Array.from(items)
    console.log(array2);//[1, 2, 3, 4, 5, 6]
    //Map
    const m=new Map();
    const o={p:'hello world'};
    m.set(o,'content');
    console.log( m.get(o));//content
    console.log(m.has(o));//true
    console.log(m.size);//1
    console.log(m.delete(o));//true
    
  </script>  
</body>
</html>