<tfoot id='U5OTB'></tfoot>
      <bdo id='U5OTB'></bdo><ul id='U5OTB'></ul>
  • <small id='U5OTB'></small><noframes id='U5OTB'>

    <i id='U5OTB'><tr id='U5OTB'><dt id='U5OTB'><q id='U5OTB'><span id='U5OTB'><b id='U5OTB'><form id='U5OTB'><ins id='U5OTB'></ins><ul id='U5OTB'></ul><sub id='U5OTB'></sub></form><legend id='U5OTB'></legend><bdo id='U5OTB'><pre id='U5OTB'><center id='U5OTB'></center></pre></bdo></b><th id='U5OTB'></th></span></q></dt></tr></i><div id='U5OTB'><tfoot id='U5OTB'></tfoot><dl id='U5OTB'><fieldset id='U5OTB'></fieldset></dl></div>

    <legend id='U5OTB'><style id='U5OTB'><dir id='U5OTB'><q id='U5OTB'></q></dir></style></legend>

        当ES6遇上字符串和正则表达式

        时间:2023-12-08
        <legend id='uMKh8'><style id='uMKh8'><dir id='uMKh8'><q id='uMKh8'></q></dir></style></legend>

          <tfoot id='uMKh8'></tfoot>
              <tbody id='uMKh8'></tbody>
          1. <small id='uMKh8'></small><noframes id='uMKh8'>

          2. <i id='uMKh8'><tr id='uMKh8'><dt id='uMKh8'><q id='uMKh8'><span id='uMKh8'><b id='uMKh8'><form id='uMKh8'><ins id='uMKh8'></ins><ul id='uMKh8'></ul><sub id='uMKh8'></sub></form><legend id='uMKh8'></legend><bdo id='uMKh8'><pre id='uMKh8'><center id='uMKh8'></center></pre></bdo></b><th id='uMKh8'></th></span></q></dt></tr></i><div id='uMKh8'><tfoot id='uMKh8'></tfoot><dl id='uMKh8'><fieldset id='uMKh8'></fieldset></dl></div>

                • <bdo id='uMKh8'></bdo><ul id='uMKh8'></ul>

                  当ES6遇上字符串和正则表达式,能够大大提高我们的编程效率,以下内容将详细讲解ES6与字符串、正则表达式的操作。

                  字符串

                  1. 模板字符串

                  ES6中,我们可以使用模板字符串来更方便的输出变量。 模板字符串用反引号(`)来表示,用${}来表示变量。

                  示例:

                  const name = '小明';
                  const age = 18;
                  console.log(`我叫${name},今年${age}岁了`);
                  // 输出: 我叫小明,今年18岁了
                  

                  2. 字符串新增方法:startsWith、endsWith、includes

                  ES6中,新增了startsWith、endsWith、includes方法,可以方便地判断字符串是否以指定的字符开始或结束,或者是否包含指定的字符。

                  示例:

                  const str = 'Hello, World!';
                  console.log(str.startsWith('Hello')); // 输出: true
                  console.log(str.endsWith('World!')); // 输出: true
                  console.log(str.includes('or')); // 输出: true
                  

                  正则表达式

                  1. 正则表达式的声明方式

                  ES6中,正则表达式有两种声明方式:使用RegExp构造函数声明和使用字面量声明。

                  示例:

                  // 使用RegExp构造函数
                  const reg1 = new RegExp(/\d+/);
                  
                  // 使用字面量
                  const reg2 = /\d+/;
                  

                  2. 正则表达式新增方法:flags

                  ES6中,正则表达式新增了flags属性,用来获取正则表达式的修饰符。

                  示例:

                  const reg = /test/gi;
                  console.log(reg.flags); // 输出: gi
                  

                  3. 正则表达式新增方法:matchAll

                  ES6中,新增了matchAll方法,可以一次性匹配出所有的结果并返回一个迭代器。

                  示例:

                  const str = '1234567890';
                  const reg = /\d{3}/g;
                  const iterator = str.matchAll(reg);
                  
                  for (const match of iterator) {
                    console.log(match);
                  }
                  // 输出:
                  // ["123", index: 0, input: "1234567890", groups: undefined]
                  // ["456", index: 3, input: "1234567890", groups: undefined]
                  // ["789", index: 6, input: "1234567890", groups: undefined]
                  

                  以上就是当ES6遇上字符串和正则表达式的完整攻略,希望能对您有所帮助。

                  上一篇:Vuejs使用addEventListener的事件如何触发执行函数的this 下一篇:移动端刮刮乐的实现方式(js+HTML5)

                  相关文章

                  <legend id='mSByv'><style id='mSByv'><dir id='mSByv'><q id='mSByv'></q></dir></style></legend>
                  1. <small id='mSByv'></small><noframes id='mSByv'>

                      <bdo id='mSByv'></bdo><ul id='mSByv'></ul>
                    <tfoot id='mSByv'></tfoot>
                    <i id='mSByv'><tr id='mSByv'><dt id='mSByv'><q id='mSByv'><span id='mSByv'><b id='mSByv'><form id='mSByv'><ins id='mSByv'></ins><ul id='mSByv'></ul><sub id='mSByv'></sub></form><legend id='mSByv'></legend><bdo id='mSByv'><pre id='mSByv'><center id='mSByv'></center></pre></bdo></b><th id='mSByv'></th></span></q></dt></tr></i><div id='mSByv'><tfoot id='mSByv'></tfoot><dl id='mSByv'><fieldset id='mSByv'></fieldset></dl></div>