首页 > 其他分享 >ES6-ES11 ES9正则扩展-命名捕获分组

ES6-ES11 ES9正则扩展-命名捕获分组

时间:2023-03-29 13:12:16浏览次数:54  
标签:ES6 console log ES9 result str const ES11 reg

视频

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正则扩展-命名捕获分组</title>
</head>

<body>
    <script>
        //声明一个字符串
        // let str = '<a href="http://www.atguigu.com">尚硅谷</a>';

        // //提取 url 与 『标签文本』
        // const reg = /<a href="(.*)">(.*)<\/a>/;

        // //执行
        // const result = reg.exec(str);

        // console.log(result);
        // // console.log(result[1]);
        // // console.log(result[2]);

        
        let str = '<a href="http://www.atguigu.com">尚硅谷</a>';
        //分组命名
        const reg = /<a href="(?<url>.*)">(?<text>.*)<\/a>/;

        const result = reg.exec(str);

        console.log(result.groups.url);

        console.log(result.groups.text);
    </script>
</body>

</html>

标签:ES6,console,log,ES9,result,str,const,ES11,reg
From: https://www.cnblogs.com/chuixulvcao/p/17197756.html

相关文章

  • CommonJS和ES6中的导入导出使用
    1.CommonJS使用exportsconstname='张三'functionFn(){return1}//导出单个数据exports.name=nameexports.Fn=Fn//导入数据//可使用解构cons......
  • es6中2个对象之间传值赋值
    在ES6中,可以使用对象解构赋值语法将一个对象的属性值赋给另一个对象。例如:constobj1={foo:1,bar:2};constobj2={baz:3};//将obj1的属性foo和bar赋值给......
  • js策略模式 以及 es6中 ?? 的用法
    策略模式,es6中??的用法constjudge=function(status){ constmap=[ 0:'普通用户', 1:'管理员', 2:'超级管理员' ] returnmap[status]??'未知用......
  • ES6 咻咻咻
    #1.let和constlet:修饰局部变量const:修饰常量let不存在变量提升,var会变量提升#2.解构赋值(array/object)2.1.array解构基本:let[a,b,c]=[1,2,3];//a=1//b......
  • nodejs处理一段redis获取集合,数组的代码优化(其中包含:es6同步返回数据的处理,new Pro
    从异步,用延时来处理,改成同步获取数据获取数据主要分2步:1.从redis集合中获取数组;2.遍历数组,抓取其中字符串,解析,拼接成需要的数据,返回给前端原代码,用sleep方法,避免异步......
  • 3. ES6 语法
    ES6语法1块作用域构造let和const1.1块作用域块级声明用于生命在指定快的作用域之外无法访问的变量。块级作用域存在于:函数内部块中(大括号之间的区域)1.2let......
  • webpack原理(2):ES6 module在Webpack中如何Tree-shaking构建
    Tree-shaking最早由​​打包工具Rollup​​ 提出DCE作用于模块内(webpack的DCE通过UglifyJS完成),而Tree-shaking则是在打包的时候通过模块之间的信息打包必须的代......
  • webpack原理(2):ES6 module在Webpack中如何Tree-shaking构建
    Tree-shaking最早由打包工具Rollup 提出DCE作用于模块内(webpack的DCE通过UglifyJS完成),而Tree-shaking则是在打包的时候通过模块之间的信息打包必须的代码。We......
  • ES6 解构基础用法和应用!
    ES6解构基础用法和应用!注意:解构只与语法有关,不与let,var,const相关 一、数组解构取值//数组---取值letarr=["张三","李四","王五"];leta=arr[0];letb=......
  • ES6.面向对象(主)和面向过程
    面向过程优点:效率高,因为不需要实例化对象。缺点:耦合度高,扩展性差,不易维护(例如:每个步骤都要有,不然就不行)面向对象优点:耦合低(易复用),扩展性强,易维护,由于面向对象有封装、......