~先赞后看，养成习惯 ♥~

一、Rest/Spread 属性

Rest 参数与 spread 扩展运算符在 ES6 中已经引入，不过 ES6 中只针对于数组，在 ES9 中为对象提供了像数组一样的 rest 参数和扩展运算符

//rest 参数
function connect({host, port, ...user}){console.log(host);console.log(port);console.log(user);
}connect({host: '127.0.0.1',port: 3306,username: 'root',password: 'root',type: 'master'
});

对象合并

const skillOne = {q: '天音波'
}const skillTwo = {w: '金钟罩'
}const skillThree = {e: '天雷破'
}const skillFour = {r: '猛龙摆尾'
}const mangseng = {...skillOne, ...skillTwo, ...skillThree, ...skillFour};console.log(mangseng)

二、正则表达式命名捕获组

ES9 允许命名捕获组使用符号『?<name>』，这样获取捕获结果可读性更强，便于维护

let str = '<a href="http://www.atguigu.com">尚硅谷</a>';
const reg = /<a href="(?<url>.*)">(?<text>.*)<\/a>/;
const result = reg.exec(str);
console.log(result);

三、正则表达式反向断言

ES9 支持反向断言，通过对匹配结果前面的内容进行判断，对匹配进行筛选。

//声明字符串
let str = 'JS5211314 你知道么 555 啦啦啦';
//正向断言   \d后面是啦才满足条件
const reg = /\d+(?=啦)/;
const result = reg.exec(str);
//反向断言   \d前面是么才满足条件
const reg = /(?<=么)\d+/;
const result = reg.exec(str);
console.log(result);

四、正则表达式 dotAll 模式

正则表达式中点.匹配除回车外的任何单字符，标记『s』改变这种行为，允许行终止符出现

let str = `
<ul><li><a>肖生克的救赎</a><p>上映日期: 1994-09-10</p></li><li><a>阿甘正传</a><p>上映日期: 1994-07-06</p></li>
</ul>`;
//声明正则
const reg = /<li>.*?<a>(.*?)<\/a>.*?<p>(.*?)<\/p>/gs;
//执行匹配
const result = reg.exec(str);
let result;
let data = [];
while(result = reg.exec(str)){data.push({title: result[1], time: result[2]});
}
//输出结果
console.log(data);

普歌-飞灵团队-ES9相关推荐

普歌-飞灵团队-ES6汇总
ES6新特性一.let 二.const 三.变量的解构赋值四.模板字符串五.简化对象写法六.箭头函数七.rest 参数八.扩展运算符九.Symbol 十.迭代器十一.生成器十二.P ...
普歌-飞灵团队-nuxt中jQuery报e.indexOf is not a function错误
错误信息: 错误原因:引入的js文件中有高版本jQuery已废弃的方法$(window).load(function() {}) 解决方法:在js文件中查找,把它改成$(window).on('loa ...
普歌-码灵团队-日期和时间的类
普歌-码灵团队-日期和时间的类一.毫秒值的概念和作用二.Date类的构造方法和成员方法构造方法: 空参构造:获取当前系统的日期和时间带参构造:Date(long date):传递毫秒值,把毫秒 ...
普歌-码灵团队-java中的equals方法和toString方法及总结
普歌-码灵团队:Object类中的方法介绍及其用法一.Object类二.方法介绍 1.toString方法 2.重写equals方法: 3. 拓展三.总结一.Object类的简单介绍二.Ob ...
普歌-码灵团队——简述io
io io概述什么是io io的分类字节流字节输出流字节输出流的续写和换行字节输入流字节输入流读取字节数据字符流字符输入流 Reader类和FileReader类字符输入流读取字符数 ...
普歌-码灵团队-System类，StringBuilder类的常用方法详解
System类,StringBuilder类的常用方法详解(java基础必掌握)java面试必问) System类的介绍: System类中常用方法: 1.System.currentTimeMill ...
普歌-智音团队-淘宝精品服饰案例
普歌-智音团队-淘宝精品服饰案例效果鼠标移入左侧的商品名称时,右侧图片会跟随左侧商品名称发生相应的变化主要思路:1. 核心原理:鼠标经过左侧盒子某个小li,就让内容区盒子相对应图片显示,其余的图 ...
普歌—云言团队——最新Git的相关配置，集成IDEA使用
Git-版本控制工具 1,常见的版本控制工具: Git,SVM,CVS,VSS,TFS,Visual Studio Online 什么是Git: Git是一个版本控制工具,即你可以将你每一次对你的 ...
普歌-允异团队-【Java实例】一起做一个简单的王者荣耀RPG吧！从设计思路到代码实现一条龙！-登录与注册（IO流）/记录时间/属性面板呈现
[Java实例]-王者荣耀RPG-从设计思路到代码实现前言一.案例分析 1. 设计理念 2. 功能设计 (1)登录与注册 (2)游戏时间记录 (3)选择游戏模式 (4)游戏地图 (5)生物属性二 ...

普歌-飞灵团队-ES9

一、Rest/Spread 属性

二、正则表达式命名捕获组

三、正则表达式反向断言

四、正则表达式 dotAll 模式

普歌-飞灵团队-ES9相关推荐

最新文章

热门文章