新增引用数据类型

<!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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

FGGIT

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值