千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > web前端技巧-ES6新特性与重点知识汇总(二)

web前端技巧-ES6新特性与重点知识汇总(二)

来源:千锋教育
发布人:小千
时间: 2021-08-18 08:35:32 1629246932

      ES6框架的新特性我们今天再来介绍其他的一些,还是带好写本本做好笔记,我们马上开始。

      七、扩展运算符

      扩展运算符(spread)是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。

      数组的操作、合并

<a href=web前端培训1" />

      与解构赋值配合,实现数组的截取

web前端培训2

      对象的操作、合并:

web前端培训3

      与解构赋值配合,操作对象:

web前端培训4

      八、Array扩展

      把类数组转化成真正的数组:

web前端培训5

      把一组值,转换为数组。Array.of总是返回参数值组成的数组。如果没有参数,就返回一个空数组。

web前端培训6

      数组实例的find方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。

web前端培训7

      数组实例的findIndex方法的用法与find方法非常类似,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。

web前端培训8

      数组填充

web前端培训9

      判断指定数组中是否包含某个值

web前端培训10

      九、json扩展

      ES6 允许直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。

web前端培训11

      十、Symbol类型

      ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。

      十一、Set结构

      ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set 本身是一个构造函数,用来生成 Set 数据结构。

      使用Set结构,实现数组去重

web前端培训12

      十二、Map结构

      ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。也就是说,Object 结构提供了“字符串—值”的对应,Map 结构提供了“值—值”的对应,是一种更完善的 Hash 结构实现。如果你需要“键值对”的数据结构,Map 比 Object 更合适。

web前端培训13

      今天的ES6框架新特性就分享到这里了,明天我们仅需分享更多的其他新特性,最后欢迎对web前端开发培训感兴趣的同学来到千锋web前端培训班了解一下我们的web前端培训课程,新升级的六维全息课程提升课程品质,更升级了鸿蒙开发教程,现在咨询还有免费的web前端学习资料领取,赶紧来了解一下吧。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT