es6之Set语法

最新推荐文章于 2024-07-17 10:19:04 发布
原创 最新推荐文章于 2024-07-17 10:19:04 发布 · 467 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#set

本文深入讲解了Set数据结构的特点和使用方法，包括如何创建、添加、删除元素，以及查询和清空集合等操作。Set是一种特殊的数组，确保所有元素唯一，避免重复值，适用于需要唯一性检查的场景。

Set类似数组，但所有的数据都是唯一的，没有重复的值，如果有重复的会默认删掉。它本身是一个构造函数。

let set=new Set([1,2,3,4])

size 数据长度
add（）添加一个数据
delete（）删除一个数据
has（）查找一条数据，返回一个布尔值
clear（）删除所有数据

ES6中的Set数据结构的常用方法和使用场景
Sherry Tian的博客
10-22 1349
Set是处理唯一性问题、集合操作以及优化性能的有力工具，适合用于集合操作、数据去重、快速查找等场景。使用Set可以有效地提升代码性能，尤其是在处理大量数据时，利用Set的特性和方法可以简化逻辑并提高运行效率。不过，需要注意的是，虽然Set在很多情况下提供了优秀的性能表现，但在某些特定场景下，可能还需要考虑其他数据结构或者算法来进一步优化。
ES6语法
weixin_50756332的博客
01-03 1434
本文对部分ES6语法做了介绍，以及一些基本的用法标注
es6 语法 （set 和 map）
adai19850204的博客
10-20 298
{ let list = new Set(); list.add(5); list.add(7); console.log('size', list, list.size); //{5, 7} 2 } { let arr = [1, 2, 3, 4, 5]; let list = new Set(arr); ...
set语法
wangying19911991的专栏
07-03 641
集合类于dict的表亲 集合的特点：唯一 集合是无序的，不要试图去对集合进行索引 对集合中的值进行访问：  for进行循环，或者用in和not in判断元素是否在set中 方法： add(a) 添加a元素 remove(a) 移除a元素 不可变集合：不能随便添加和删除set中的元素 frozenset
es6 基础语法—set和map
ZhaoYLi 的编程学习笔记
04-16 504
1、set 数据集合 //1、创建一个集合 let set = new Set(['张三','李四','王五']); console.log(set); //2、一个属性 //size属性求集合长度 console.log(set.size); //3、四个方法 //add console.log(set.add('henry').add('buck'...
ES6语法---set
等，你的到来。
01-29 749
set方法是数组去重的好方法：set:类似以前的数组，成员必须是唯一的，如果有相同的会合并掉 ES5： var arr = new Array(1,2,3,4,1,3,4,2,1); console.log(arr);//[1,2,3,4,1,3,4,2,1]ES6: var set = new Set([1,2,3,4,1,3,4,2,1]); console.log(set);//Set { 1
前端开发ES6至ES10语法特性详解：数据类型扩展与编程实践应用指南
最新发布
11-14
内容概要：本文系统介绍了ES6至ES10版本中JavaScript数据类型及相关语法的核心扩展内容，涵盖let与const命令带来的块级作用域和变量声明改进，变量的解构赋值，字符串、正则、数值、函数、数组和对象的多项新增特性...
es6新语法
qq_43260366的博客
06-06 1210
ES2015(2015年发布的， javascript的第六个版本) 以及后续版本就是统称为ES6；解构赋值语法是一种 Javascript 表达式。通过**解构赋值，**可以将 属性/值 从 对象/数组 中取出，赋值给其他变量； es6-解构赋值 语法 ：let [变量1，变量2，…变量3] = 数组举例说明 利用数组解构赋值交换两个变量的值 非解构-借助第三个变量进行交换 解构 [2]对象 es5-非解构赋值 es6-解构赋值 语法1：
ES6核心语法
06-21
本课程4小时带你快速运用ES6的核心用法，其中包括: let和const命令、 箭头函数、解构、扩展的对象和数组、Symbol/Set/Map新数据类型、强大的迭代器和生成器、Promise和async解决 异步操作、class类 的使用以及ES6的...
ES6新语法（Set集合、Map集合）
m0_48375854的博客
01-07 1858
set集合一、Set集合1、操作方法1、add()2、delete()3、has()4、clear()5、for...of ()2、set案例1、数组去重2、交集A∩B3、并集A∪B4、差集A－B二、Map集合1、操作方法1、set()2、get()3、has()4、delete()5、clear()6、for...of遍历7、转为数组8、forEach()遍历 一、Set集合 Set集合：是一种数据结构，结构类似于数组，且没有重复的值。主要用于数组去重，字符串去重。 1、操作方法 1、add() 用于添加
ES6语法之Set数据结构
qq_51389038的博客
11-15 353
Set 是一系列无序、没有重复值的数据集合。数组是一系列有序（下标索引）的数据集合。s.add(1);s.add(2);// Set 中不能有重复的成员s.add(1);// Set 没有下标去标识每一个值，所以 Set 是无序的，也不能像数组那样通过下标去访问 Set 的成员。
ES6中的Set函数
weixin_45847162的博客
07-05 484
基本用法 它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成 Set 数据结构 Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。 const set = new Set([1,1,2,3,4,5,5]) console.log([...set])// [1,2,3,4,5] console.log(Array.from(set))// [1,2,3,4,5] Array.from方法可以将类数组，可迭代对象转换数组 c
es6中的set函数
wangzhen12138的博客
05-13 308
<script> let arr=[1,2,3,4,5,6,7,1,2,3,4,5,6]; //1.调用Set函数来去重 // // console.log(arr); // let setOne=new Set(arr); // console.log(setOne); //2.方法一 /* for(i=0;i<arr.length;i++){ for(j=i+1;j<arr.length;j++){ if(arr[i]==arr[j]){ arr.splic
ES6的Set方法
小太阳的博客
03-30 5836
理解Set Set本身是一个构造函数，用来生成Set数据结构。 它类似于数组，但里面的成员是唯一的，不重复的。 向Set加入值时，不会发生类型转换,它类似于精确相等运算符（===），主要的区别是向 Set 加入值时认为NaN等于自身，而精确相等运算符认为NaN不等于自身。 Set 可以接收一个数组做为参数，用来初始化 1.用法 数组去重 function noRepeat(arr) { return Array.from(new Set(arr)) // return [
ES6语法特性（三）Set集合 Map
qq_38232003的博客
11-28 260
ES6 Set(集合） ES6提供了新的数据结构Set，类似于数组，但成员的值是唯一的。 集合实现了iterator接口，可以使用扩展运算符和for of 进行遍历。 Set对象可以传入可迭代数据类型，传入数组可以实现去重 let s = new Set(); let arr = [1, 2, 1, 2, 3, 4, 2, 2, 34, 2, 4, 2, 4, 32, 2]; let s2 = new Set(arr); console.log(s, type
ES6新增语法——Set和Map
06-24 185
ES6新增语法——Set和Map 2020-5-18 非数组对象的定制实现，即 Set 与 Map ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值* { const s = new Set(); [1,2,2,2,6,5].forEach(x=>s.add(x)); for(let i of s){ console.log(i); } //ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是
OCget、set点语法
weixin_30372371的博客
07-02 103
先定义一个Student类： 1 @interface Student : NSObject{ 2 int _age; 3 } 4 -(void)setAge:(int)newAge; 5 -(int)age; 6 @end 7 8 //实现 9 @implementation Student 10 //set方法 11 -(voi...
ES6基本语法（三）——Set集合和Map集合
阿常的博客
07-17 614
解构语法是 ES6 引入的一种方便的模式匹配机制，它允许你从数组或对象中提取数据并赋值给不同的变量。Set 是 JavaScript 中的一种数据结构，用于存储唯一值的集合。Map 是一种可增长的数据类型，它可以存储任意类型的键和值的映射关系。方法返回一个迭代器，它包含了 Map 集合中的每个元素，每个元素都是一个键值对的数组。解构是一种强大的特性，可以让你更容易地处理复杂的数据结构，减少代码量，提升开发效率。Map 的解构语法允许你直接获取每个键值对中的键和值。迭代器的第一个值解构成键和值。
ES6的Set详解
qq_44741577的博客
02-05 2835
这里需要注意，Set 结构的键名就是键值（两者是同一个值），因此第一个参数与第二个参数的值永远都是一样的。由于 Set 结构没有键名，只有键值（或者说键名和键值是同一个值），所以keys方法和values方法的行为完全一致。如果想在遍历操作中，同步改变原来的 Set 结构，目前没有直接的方法，但有两种变通方法。上面代码中，entries方法返回的遍历器，同时包括键名和键值，所以每次输出一个数组，它的两个成员完全相等。Set 结构的实例默认可遍历，它的默认遍历器生成函数就是它的values方法。
es6的新语法
03-13
<think>好的，我现在需要回答用户关于ECMAScript 6（ES6）新特性及语法介绍的问题。首先，我得回顾一下ES6的主要更新内容，确保涵盖用户可能关心的关键点。根据用户提供的引用内容，他们提到了let和const、解构赋值、数组的扩展、函数的扩展，这些都是ES6的重要特性。 首先，我应该从ECMAScript和JavaScript的关系开始解释，因为引用[2]提到ECMAScript是标准，而JavaScript是实现，类似于HTML5和浏览器的关系。这部分需要简明扼要，帮助用户理解背景。 接下来是具体特性。let和const是块级作用域变量声明，替代了var的一些缺陷，比如变量提升和重复声明的问题。需要详细说明它们的作用域规则和用法区别。 然后是解构赋值，包括数组和对象的解构。这部分需要举例说明如何使用，以及在实际开发中的便利性，比如函数参数传递和交换变量。 数组的扩展可能包括扩展运算符、新增方法如Array.from()、find()、findIndex()等，还有新的数据结构如Set和Map。需要分别介绍这些方法的用途和示例。 函数的扩展方面，箭头函数是重点，要说明它的this绑定规则、简写语法，以及与普通函数的区别。另外，默认参数和rest参数也是ES6的重要改进，需要详细说明。 此外，用户提供的引用中没有提到但ES6中重要的特性，比如模板字符串、Promise、类（class）语法、模块化（import/export）等，也应该涵盖进去，以提供全面的回答。但需要根据引用内容优先处理用户提到的部分，再补充其他关键特性。 在组织内容时，需要按照逻辑顺序，从基础到高级，每个特性单独成点，使用标题分隔，保持结构清晰。同时，要确保所有行内数学表达式和代码块符合格式要求，比如变量用$...$包裹，代码块用反引号标注语言。 生成的相关问题需要围绕ES6的其他特性、使用场景、兼容性处理等方面，确保用户可以根据回答进一步探索。例如，如何用Babel转译ES6代码，或者ES6模块化与CommonJS的区别。 最后，检查引用标记是否正确，确保每个引用来源在回答末尾列出，并且引用标识自然插入到相关内容之后。例如，在介绍ECMAScript与JavaScript关系时引用[^2]，在提到let和const时引用[^1]。 现在需要确保回答符合用户的要求：使用中文，结构清晰，分步骤解释，包含代码示例，正确格式化，并且生成相关问题。同时避免使用Markdown格式，但根据用户提供的系统指令，可能需要调整。不过用户可见层提到回答结构清晰，所以可能需要使用标题和分段，但避免使用Markdown语法，可能用文字加粗或其他方式。但根据示例，用户允许使用代码块和列表，所以应该没问题。 总结步骤： 1. 介绍ECMAScript与JavaScript的关系，引用。 2. 分点介绍ES6新特性：let/const、解构赋值、数组扩展、函数扩展、箭头函数、模板字符串、Promise、类、模块化等。 3. 每个特性下给出代码示例，说明用法和优势。 4. 添加相关引用标记在对应的段落末尾。 5. 生成相关问题，如其他特性、转译工具、应用场景等。 需要确保内容准确，例如箭头函数的this绑定是否正确，解构赋值的例子是否恰当，以及代码示例没有错误。同时，检查是否有遗漏的重要特性，比如async/await虽然属于ES7，但可能在ES6之后，但根据用户的问题，可能只需涵盖ES6本身的内容。</think>### ECMAScript 6 新特性及语法介绍 #### 1. ECMAScript 与 JavaScript 的关系 ECMAScript（简称 ES）是 JavaScript 的标准化规范，而 JavaScript 是 ECMAScript 的实现。类似 HTML5 是标准，浏览器是具体实现。ES6 是 ECMAScript 的第 6 版，引入了多项重要语法和功能改进。 --- #### 2. 核心新特性及语法 ##### 2.1 块级作用域变量声明：`let` 与 `const` - **`let`**：声明块级作用域的变量，不可重复声明。 ```javascript if (true) { let x = 10; console.log(x); // 10 } console.log(x); // 报错：x未定义 ``` - **`const`**：声明常量，不可重新赋值（但对象属性可修改）。 ```javascript const PI = 3.14; PI = 3; // 报错：常量不可修改 const obj = { a: 1 }; obj.a = 2; // 允许修改属性 ``` ##### 2.2 解构赋值 - **数组解构**： ```javascript const [a, b] = [1, 2]; // a=1, b=2 const [x, , y] = [3, 4, 5]; // x=3, y=5 ``` - **对象解构**： ```javascript const { name, age } = { name: "Alice", age: 25 }; // name="Alice", age=25 ``` ##### 2.3 数组的扩展 - **扩展运算符**：`...` 用于展开数组。 ```javascript const arr1 = [1, 2]; const arr2 = [...arr1, 3]; // [1, 2, 3] ``` - **新增方法**： - `Array.from()`：将类数组对象转为数组。 ```javascript Array.from(document.querySelectorAll('div')); // NodeList转数组 ``` - `find()` 与 `findIndex()`：查找元素。 ```javascript [1, 2, 3].find(x => x > 1); // 2 ``` ##### 2.4 函数的扩展 - **箭头函数**：简化语法，自动绑定外层 `this`。 ```javascript const add = (a, b) => a + b; const obj = { value: 10, getValue: () => this.value // this指向外层（此处为全局） }; ``` - **默认参数**： ```javascript function greet(name = "Guest") { console.log(`Hello, ${name}!`); } ``` - **Rest 参数**：将参数转为数组。 ```javascript function sum(...nums) { return nums.reduce((a, b) => a + b, 0); } sum(1, 2, 3); // 6 ``` ##### 2.5 模板字符串 使用反引号 `` ` `` 包裹字符串，支持换行和变量嵌入： ```javascript const name = "Bob"; console.log(`Hello, ${name}! Today is ${new Date().toLocaleDateString()}.`); ``` ##### 2.6 Promise 异步处理 提供更清晰的异步编程方式： ```javascript const fetchData = () => new Promise((resolve, reject) => { setTimeout(() => resolve("Data received"), 1000); }); fetchData() .then(data => console.log(data)) .catch(error => console.error(error)); ``` ##### 2.7 类（Class）语法 简化面向对象编程： ```javascript class Person { constructor(name) { this.name = name; } sayHello() { console.log(`Hello, ${this.name}!`); } } const alice = new Person("Alice"); alice.sayHello(); // Hello, Alice! ``` ##### 2.8 模块化（Module） 支持 `import` 和 `export` 实现模块化： ```javascript // math.js export const add = (a, b) => a + b; // app.js import { add } from './math.js'; console.log(add(2, 3)); // 5 ``` --- #### 3. 兼容性与工具 - **Babel**：将 ES6+ 代码转译为 ES5 以适应旧浏览器。 - **Polyfill**：通过 `core-js` 补充缺失的 API（如 `Promise`）。 --- §§ 相关问题 §§ 1. ES6 的 `Set` 和 `Map` 数据结构如何使用？ 2. 如何用 ES6 实现继承和混入（Mixin）？ 3. ES6 模块化与 CommonJS 模块化有何区别？ 4. 如何处理 ES6 代码在低版本浏览器中的兼容性问题？ 5. ES6 的 `Proxy` 和 `Reflect` 有什么作用？ --- [^1]: 文章目录简介中提到的 ES6 特性。 : ECMAScript 6 新特性介绍及其与 JavaScript 的关系。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值