ES6学习笔记之新增数据类型实例解析

 更新时间:2020年01月22日 10:44:51   作者:theVicTory  
这篇文章主要介绍了ES6学习笔记之新增数据类型,结合实例形式分析了ES6数据解构赋值、新增数据类型Set集合、新增数据类型Map、Symbol类型等相关原理与操作注意事项,需要的朋友可以参考下

本文实例讲述了ES6学习笔记之新增数据类型。分享给大家供大家参考,具体如下:

1、数据解构赋值

1、数组的解构赋值

基本用法:let  [key1,key2...]=[value1,value2...]

let [name,age,sex]=['小明',24,'男'];
console.log(name);
console.log(age);
console.log(sex);

注意左右的key与value格式要匹配对应,键值可以缺省,但逗号的位置要正确

let [arr1,,[arr3,,[,arr6]]]=[1,2,[31,32,[331,332]]];
console.log(arr1);
console.log(arr3);
console.log(arr6);

2、对象的解构赋值

用法:let  {key1,key2...}={key1:value1,key2:value2...}  

let obj={name:'小明',age:24,sex:'男',friend:['小张','小李']};
console.log(obj.name);
console.log(obj.age);
console.log(obj.sex);
console.log(obj.friend);

3、字符串类型

字符串中每个字符与数组键对应

let [a,b,c]="这是一个字符串";
console.log(a);
console.log(b);
console.log(c);

2、新增数据类型Set集合

set与数组不同在于set中不可以有重复数据,常用于去重操作

1、创建set

let myset=new Set(['data1','data2','data3','data3']);

2、属性size:集合的元素个数 

console.log(myset.size);

3、方法

myset.add('data4');//增加元素
myset.delete('data2');//删除元素
console.log(myset.has('data1'));//判断是否含有某个元素,包含返回true
myset.clear();//清除集合所有元素
console.log(myset.keys());//返回集合所有的键值
console.log(myset.values());//返回集合所有值

3、新增数据类型Map

由于对象的键值只能是字符串,不可以是对象类型,使用对象作为键值会被toString转化为字符串"[object Object]",例如:

let obj1={key:1},obj2={key:2},obj={};
obj.value='objValue';
obj[obj1]='obj1Value';  //将对象obj1作为obj的键值
obj[obj2]='obj2Value';
console.log(obj);

输出:Object { value: "objValue", "[object Object]": "obj2Value" },由于转化为相同的键值字符串,obj2会覆盖obj1

而使用map可以避免键值必须为字符串的限制,其键值可以为对象、数组等

1、创建Map

let mymap=new Map([
    ['stringKey','stringValue'],
    ['age',24],
    [obj1,'obj1Value'],
    [obj2,'obj2Value'],
    [['arr'],'arrValue']
]);

打印mymap如下:

2、属性size:返回map中键值对个数 

console.log(mymap.size);

3、方法

mymap.set('key','value');//设置map的键、值
mymap.get('key');//通过键来取值
mymap.delete('key');//删除对应的键值
mymap.has('key');//判断是否含有
//mymap.clear();//清除map中所有键值
//遍历
mymap.forEach(function (value,key) {
  console.log(key+":"+value);
})

4、注意{}与{}是不同的两个键值

mymap.set({},"obj1");
mymap.set({},"obj2");

以上语句obj2不会覆盖obj1,由于空对象{}在内存中不同的堆区申请存储空间,所以作为键值它们是不同的

4、Symbol类型

在用相同的字符串对对象属性名或方法进行命名时会发生命名冲突,而使用symbol产生的名字是不同的,例如:

let obj={};
obj[Symbol('name')]="小赵";
obj[Symbol('name')]="小钱";
console.log(obj);

结果如下,不会覆盖第一句:

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • java 线程中start方法与run方法的区别详细介绍

    java 线程中start方法与run方法的区别详细介绍

    这篇文章主要介绍了java 线程中start方法与run方法的区别详细介绍的相关资料,在java线程中调用start方法与run方法的区别在哪里? 这两个问题是两个非常流行的初学者级别的多线程面试问题,这里进行详细说明,需要的朋友可以参考下
    2016-11-11
  • 详解Spring Bean的集合注入和自动装配

    详解Spring Bean的集合注入和自动装配

    这篇文章主要为大家详细介绍了Spring Bean中集合注入和自动装配的方法,文中的示例代码讲解详细,对我们学习有一定的帮助,需要的可以参考一下
    2022-06-06
  • Jmeter多台机器并发请求实现压力性能测试

    Jmeter多台机器并发请求实现压力性能测试

    这篇文章主要介绍了Jmeter多台机器并发请求实现压力性能测试,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • Spring Boot示例代码整合Redis详解

    Spring Boot示例代码整合Redis详解

    SpringBoot对常用的数据库支持外,对NoSQL 数据库也进行了封装自动化,下面这篇文章主要给大家介绍了关于springboot使用redis的详细步骤,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • Java微信公众平台开发(4) 回复消息的分类及实体的创建

    Java微信公众平台开发(4) 回复消息的分类及实体的创建

    这篇文章主要为大家详细介绍了Java微信公众平台开发第四步,回复消息的分类及实体的创建,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • Android中Parcelable的作用实例解析

    Android中Parcelable的作用实例解析

    这篇文章主要介绍了Android中Parcelable的作用,对于Android初学者有一定的参考学习价值,需要的朋友可以参考下
    2014-08-08
  • Spring-data-redis操作redis知识总结

    Spring-data-redis操作redis知识总结

    这篇文章主要介绍了Spring-data-redis操作redis知识总结,spring-data-redis是spring-data模块的一部分,专门用来支持在spring管理项目对redis的操作。
    2017-04-04
  • Java springboot 整合 Nacos的实例代码

    Java springboot 整合 Nacos的实例代码

    这篇文章主要介绍了Java springboot 整合 Nacos的实例,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-04-04
  • 详解如何保护SpringBoot配置文件中的敏感信息

    详解如何保护SpringBoot配置文件中的敏感信息

    使用过SpringBoot配置文件的朋友都知道,资源文件中的内容通常情况下是明文显示,安全性就比较低一些,所以为了提高安全性,就需要对配置文件中的敏感信息进行保护,下面就为大家介绍一下实现方法吧
    2023-07-07
  • Java实现二维码QRCode的编码和解码与示例解析

    Java实现二维码QRCode的编码和解码与示例解析

    本文主要介绍Java实现二维码QRCode的编码和解码,这里给大家一个小示例以便理解,有需要的小伙伴可以参考下
    2016-08-08

最新评论