新增引用数据类型

最新推荐文章于 2024-07-06 16:47:02 发布

FGGIT

最新推荐文章于 2024-07-06 16:47:02 发布

阅读量54

点赞数

分类专栏： vue学习笔记文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_47888212/article/details/128695257

版权

vue学习笔记专栏收录该内容

54 篇文章 0 订阅

订阅专栏

<!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>
</head>

<body>
  <script>
    //es5中学到的数据类型
    //基本数据类型：String,Number,Boolean,undefined,null
    //引用数据类型：Object,Array,Function


    //es6标准的数据类型
    //基本数据类型：String,Number,Boolean,undefined,null,Symbol
    //引用数据类型：Object,Array,Function,Set（像数组，值不可以重复）,Map（像对象，键值对存储）

    let st = new Set([1, 2, 3, 4, 5, 6, 4, 3, 2, 1, 4, 3, 2, 2])
    // console.log(st)
    // //size 长度
    // console.log(st.size)

    // //添加 add
    // st.add(4)
    // st.add(10)
    // st.add('hoo')
    // console.log(st)

    // //删除 delete
    // st.delete(2)
    // console.log(st)

    // //判断是否存在某个元素
    // console.log(st.has(1))
    // console.log(st.has(100))

    // //清空所有数据
    // st.clear()
    // console.log(st)

    // //和循环遍历的方法keys方法和values方法是一致的
    let st2 = new Set(['a', 'b', 'c', 'd'])
    // console.log(st2.keys())
    // console.log(st2.values())

    // //注意只能用for of遍历set结构
    // for(let a of st2){
    //   console.log(a)
    // }

    // for(let a in st2){
    //   console.log(a)//无内容
    // }

    // //entries()获得键值对
    // console.log(st2.entries())
    // for(let b of st2.entries()){
    //   console.log(b)
    // }

    // //forEach可以用，其他的不能用
    // st2.forEach((item,index,s)=>{
    //   console.log(item,index,s)
    // })

    // //map不能用
    // st2.map((item,index,s)=>{
    //   console.log(item,index,s)
    // })


    // //使用技巧：
    // let arr = [1,2,3,4,5,64,3,2,4,3,2]
    // //需求：数组去重
    // console.log([...new Set(arr)])

    // //需求：字符串去重
    // let str = 'absbdbsbaaasa'
    // console.log([...new Set(str)].join(''))

    // //Map
    // let p1 = {name: 'lily'}
    // let = obj1 = {
    //   id: 1,
    //   [p1]: 'good' //会自动将对象转为字符串 [Object object]
    // }
    // console.log(obj1) //{id: 1, [object Object]: 'good'}

    // let mp1 = new Map([
    //   ['a',1],
    //   ['b',2]
    // ])
    // console.log(mp1) //Map(2) {'a' => 1, 'b' => 2}

    // let p2 = { name: 'lily' }
    // let mp2 = new Map([
    //   ['a', 1],
    //   [p2, 2],
    // ])
    // console.log(mp2)//Map(2) {'a' => 1, {…} => 2}     key: {name: 'lily'} => 2

    // let mp1 = new Map([
    //   ['a',1],
    //   ['b',2]
    // ])
    // mp1.set('c',3)
    // mp1.set({name:'zs'},4)
    // console.log(mp1)
    // console.log(mp1.get('c'))
    // console.log(mp1.get({name:'zs'})) //undefined  两个{name:'zs'}不是同一个地址

    // let obj = {name:'zs'}
    // mp1.set(obj,4)
    // console.log(mp1.get(obj)) //4  这样就可以拿到了

  </script>
</body>

</html>