53 lines
1.8 KiB
HTML
53 lines
1.8 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>
|
|||
|
|
|
|||
|
|
// console.log(arr[2])
|
|||
|
|
var arr1=[1,2,3,4,2,1]
|
|||
|
|
// console.log(arr1[2])
|
|||
|
|
|
|||
|
|
var arr=new Set([1,2,3,4,2,1])
|
|||
|
|
arr.add("pplo")
|
|||
|
|
var you=arr.has(2)
|
|||
|
|
// console.log(you)
|
|||
|
|
arr.delete(1)
|
|||
|
|
// console.log(arr) //[1,2,3,4]
|
|||
|
|
|
|||
|
|
function clearall(){
|
|||
|
|
arr.clear()
|
|||
|
|
console.log(arr,"drop")
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// set的遍历 因为set类型不能用 索引访问 而且他属于iterable类型 所有属于iterable类型的都能用for of遍历
|
|||
|
|
// set遍历是可以用for of的
|
|||
|
|
// for(let i of arr){
|
|||
|
|
// console.log(i)
|
|||
|
|
// }
|
|||
|
|
// set和数组的区别
|
|||
|
|
// 1. set数据结构会过滤掉重复的元素
|
|||
|
|
// 2. set不能按照数组的索引值直接获取 数组能按照索引值获取值
|
|||
|
|
// 3.数组的创建方式有很多种，但是set数据结构的创建方式只有一种 这个创建方式就是 new Set
|
|||
|
|
|
|||
|
|
// console.log(arr.size)
|
|||
|
|
let arrs=Array.from(arr)
|
|||
|
|
// console.log(arrs)
|
|||
|
|
// console.log(arrs[2])
|
|||
|
|
|
|||
|
|
|
|||
|
|
// map : 它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，
|
|||
|
|
var map1=new Map()
|
|||
|
|
var obj={name:"asd"}
|
|||
|
|
map1.set(obj,"这是值")
|
|||
|
|
console.log(map1)
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<button onclick="clearall()">清空</button>
|
|||
|
|
</body>
|
|||
|
|
</html>
|