96 lines
2.5 KiB
HTML
96 lines
2.5 KiB
HTML
|
<!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>Document</title>
|
|||
|
|
<script>
|
|||
|
|
var arr = [1, 1, 2, 2, 3, 3, 3]
|
|||
|
|
// console.log(arr)
|
|||
|
|
|
|||
|
|
let set = new Set(arr)
|
|||
|
|
// console.log(set)
|
|||
|
|
set[3] = 2
|
|||
|
|
// console.log(set)
|
|||
|
|
// set 作为数据结构，里面的成员都是唯一的
|
|||
|
|
|
|||
|
|
let strarr = new Set(["s", "l", "S", "L"])
|
|||
|
|
// console.log(strarr) //[s,l,S,L]
|
|||
|
|
strarr.delete("s")
|
|||
|
|
// console.log(strarr, "new")
|
|||
|
|
// console.log(strarr.has("L"))
|
|||
|
|
|
|||
|
|
for (let i of strarr.keys()) {
|
|||
|
|
// console.log(i)
|
|||
|
|
} //for in 会失败
|
|||
|
|
|
|||
|
|
for (let i of strarr.values()) {
|
|||
|
|
// console.log(i)
|
|||
|
|
}
|
|||
|
|
//set实例的键和值都是一样的 所以用keys()/values()的时候 遍历得到的结果是一样的
|
|||
|
|
// entries() 返回键+值
|
|||
|
|
|
|||
|
|
for (let i of strarr.entries()) {
|
|||
|
|
// console.log(i)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//Array [ "l", "l" ]
|
|||
|
|
// Array["S", "S"]
|
|||
|
|
// Array["L", "L"]
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。相同字母的大小写也是不同的值
|
|||
|
|
|
|||
|
|
//set 属性
|
|||
|
|
// set.prototype.constructor 构造函数
|
|||
|
|
// set.prototype.size 返回set实例的值的个数
|
|||
|
|
|
|||
|
|
|
|||
|
|
// set 方法
|
|||
|
|
// set.prototype.add(要添加的值) 向set实例中添加一个元素
|
|||
|
|
// set.prototype.delete(删除的值) 删除set实例中的一个元素
|
|||
|
|
// set.prototype.clear() 清空
|
|||
|
|
// set.prototype.has(要判断的值) 判断是否在set实例中 返回的是布尔值
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// Array.from(set的实例) 将set实例转成数组
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 数组去重
|
|||
|
|
// function dedupe(array) {
|
|||
|
|
// return Array.from(new Set(array));
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
// dedupe([1, 1, 2, 3]) // [1, 2, 3]
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// map
|
|||
|
|
const map = new Map([
|
|||
|
|
['name', '张三'],
|
|||
|
|
['title', 'Author']
|
|||
|
|
]);
|
|||
|
|
console.log(map)
|
|||
|
|
|
|||
|
|
const m = new Map();
|
|||
|
|
const o = { p: 'Hello World' };
|
|||
|
|
m.set(o,'content') // m.set(key,value) map实例中能用对象来当键
|
|||
|
|
|
|||
|
|
//json 方法：
|
|||
|
|
// json.stringfy() 对象转成json
|
|||
|
|
// json.parse() json转对象
|
|||
|
|
|
|||
|
|
console.log(m.get(o))
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|