13518219792
【笔记内容】
成都创新互联公司拥有网站维护技术和项目管理团队，建立的售前、实施和售后服务体系，为客户提供定制化的成都网站制作、成都网站设计、网站维护、托管服务器解决方案。为客户网站安全和日常运维提供整体管家式外包优质服务。我们的网站维护服务覆盖集团企业、上市公司、外企网站、成都做商城网站、政府网站等各类型客户群体，为全球成百上千企业提供全方位网站维护、服务器维护解决方案。
【笔记目的】
【相关资源】
【温馨提示】
| 方法名 | 描述 |
|---|---|
| Set() | 创建一个新的Set对象 |
| Set.prototype.add() | 在Set对象尾部添加一个元素。返回该Set对象。 |
| Set.prototype.clear() | 移除Set对象内的所有元素。 |
| Set.prototype.has() | has() 方法返回一个布尔值来指示对应的值value是否存在Set对象中。 |
| Set.prototype.values() | 返回一个新的迭代器对象，该对象包含Set对象中的按插入顺序排列的所有元素的值 |
了解更多
需求：
Write a function that takes a Set and a value as arguments
Check if the value is present in the Set
我的提交（作者答案）
function myFunction(set, val) {
return set.has(val);
}
格式
mySet.has(value);
value（需要测试的值）：必须。用来判断该值是否存在Set对象中
返回值：
true：存在false：不存在需求：
Write a function that takes a Set as argument
Convert the Set to an Array
Return the Array
我的提交
function myFunction(set) {
return Array.from(set);
}
作者答案
function myFunction(set) {
return [...set];
}
var arr=[1,2,3]
var set = new Set(arr);
Array.from()从
set生成数组
var set = new Set([1,2,3]);
var arr = Array.from(set);
[ ]
var set = new Set([1,2,3]);
var arr = [...set];
PS：数组对象与Set对象的区别
| Set对象 | 数组对象 | |
|---|---|---|
| 元素 | 唯一 | 可重复 |
| 数组 | 伪数组 | 真正数组 |
了解更多
又称对象展开符，由...表示
用于取出参数对象所有可遍历属性然后拷贝到当前对象。
let person = {name: "Amy", age: 15};
let someone = { ...person };
someone; //{name: "Amy", age: 15}
了解更多
需求：
Write a function that takes two Sets as arguments
Create the union of the two sets
Return the result
Tipp: try not to switch to Arrays, this would slow down your code
我的提交
function myFunction(a, b) {
return new Set([...a, ...b]);
}
作者答案
function myFunction(a, b) {
const result = new Set(a);
b.forEach((el) => result.add(el));
return result;
}
方法一：通过拓展运算符，合并两个伪数组
var a=new Set([1,2,3]);
var b=new Set([4,5,6]);
var arr = new Set([...a,...b]);
方法二：通过循环将一个Set对象中元素添加到另一个Set对象中
具体实现正如上述作者答案，就不在赘述了。
可用于合并两个对象
let age = {age: 15};
let name = {name: "Amy"};
let person = {...age, ...name};
person; //{age: 15, name: "Amy"}
点此了解更多
格式（注意该格式不完整，之针对本题的格式）
array.forEach(function(currentValue), thisValue)
functuion(currentValue)（数组中每个元素需要调用的函数）：必需
currentValue（当前元素）:必需thisValue：可选
this 值。undefined 会传递给 this 值返回值：undefined
了解更多
Set 对象的末尾添加一个指定的值。格式
mySet.add(value);
value（需要添加到 Set对象的元素的值）：必需
返回值：Set 对象本身
注意：不能添加重复的值
格式：
(param1, param2, …, paramN) => expression
(param1, param2, …, paramN) => { statements }
//相当于：(param1, param2, …, paramN) =>{ return expression; }
param：参数
expression：表达式
| 其他格式 | 前提 |
|---|---|
| singleParam => { statements } | 当只有一个参数时，圆括号是可选的： |
| () => { statements } | 没有参数的函数应该写成一对圆括号。 |
了解更多
需求：
Write a function that takes three elements of any type as arguments
Create a Set from those elements
Return the result
我的提交
function myFunction(a, b, c) {
return new Set([a,b,c])
}
作者答案
function myFunction(a, b, c) {
const set = new Set();
set.add(a);
set.add(b);
set.add(c);
return set;
}
格式
var myset = new Set();
var myset = new Set(iterable);
iterable(可迭代对象)：数组或类数组对象
【PS】可迭代对象是什么？
就是可以重复、改进、升级的对象
具体可以看这篇博客究竟什么是迭代？。
之前解释过就不再赘述了，点击此处跳转
需求：
Write a function that takes a Set and a value as argument
If existing in the Set, remove the value from the Set
Return the result
我的提交（作者答案）
function myFunction(set, val) {
set.delete(val);
return set;
}
Set对象中删除指定的元素语法
mySet.delete(value);
value（将要删除的元素）
返回值：布尔值
true：成功删除false：删除失败需求：
Write a function that takes a Set and an array as arguments
If not already existing, add each element in the array to the Set
Return the modified Set
我的提交
function myFunction(set, arr) {
const set1=new Set(arr);
return new Set([...set,...set1]);
}
【不足之处】
作者答案
function myFunction(set, arr) {
arr.forEach((e) => set.add(e));
return set;
}
思路一：
1、构建一个以数组元素为元素的Set对象
2、两个Set对象拼接
思路二：
用set.add()方法将数组元素一个加到Set对象中。
需求：
Write a function that takes two sets (a and b) as arguments
Get the intersection of the sets
In other words, return a set containing all elements that are both in a as well as b
我的提交
function myFunction(a, b) {
return new Set([...a].filter(item=>b.has(item)));
}
作者答案
function myFunction(a, b) {
const int = new Set();
a.forEach(el => b.has(el) && int.add(el));
return int;
}
【注意】
格式（注意该格式不完整，之针对本题的格式）
array.filter(function(currentValue))
functuion(currentValue)（数组中每个元素需要调用的函数）：必需
currentValue（当前元素）:必需返回值：
数组：包含了符合条件的所有元素空数组：如果没有符合条件的元素。了解更多
思路一
1、先以处理数组交集的方法来处理
2、把数组转换成Set对象
思路二
1、通过遍历其中一个Set对象，逐个判断另一个Set对象中也有的对象。
2、若有则加入新的Set对象中。
【创作背景】
偶然在抖音上刷到JSchallenger这个可以训练Javascript基础的网站，自己在完成所有的Schallenger题之后，想要通过博客来记录自己的做题痕迹，以便日后快速回顾。原本打算把JSchallenger的所有题目以及分析整理成一篇博客发出来，但是我整理完后发现，已经快有1w多字，为了方便读者和自己观看，因此打算按照JSchallenger的板块分开发布。
【感谢】
感谢各位读者能看到最后!!!
