ES6-字符串与正则的扩展

jiezi

5 年前

Unicode - \u0000 ~ \uFFFF

  '\{u0061}'
  // a 
  
  '\uD842\uDfB7'
  "\u{20BB7}"
  // "????"

字符串遍历器 - 识别大于 0xFFFF

   let text2 = String.fromCodePoint(0x20BB7);
   
   for(let i = 0;i < text2.length;i++){console.log(text2[i]);
   }
   // �
   // � 
   
   for (let i of text){console.log(i);
   }
   // "????"

模板字符串 - 保留所有空格与换行

   const getName = () => 'Iven';
   const myName = 'Eric';
   `\`Hello\` ${getName()},I am ${myName}`
   
   //"`Hello` Iven,I am Eric"

标签模板

   alert`111`;
   // alert(111);
   
   func`This ${a + b} is ${a * b}`;
   // func(['This', 'is', ''],a + b, a * b);
   
   <div>
       <span>1111</span>
   </div>

新增方法

fromCodePoint – 从 Unicode 码点返回对应字符

   String.fromCodePoint(0x78, 0x1f680, 0x79);
   // x????y

String.raw – 返回一个包括在内的字符串

    String.raw`\`Hello\` I am`;
    // \`Hello\` I am
    
    `\`Hello\` I am`
    // `Hello` I am
    
    String.raw({raw: 'test'}, 1,2,3,4);
    String.raw({raw: ['t','e','s','t']}, 1,2,3,4);
    // t1e2s3t

codePointAt – 返回一个字符的码点（10 进制）

    let s = '????a';
    s.codePointAt(0).toString(16);
    s.codePointAt(2).toString(16);
    // 61

includes – 是否包含参数字符串

    const string = 'Hello world!';
    string.includes('wo');
    // true

startsWith – 是否以某一个字符串开头

    const string = 'Hello world';
    string.includes('He');
    // true

endsWith – 是否以某一个字符串结尾

    const string = 'Hello world';
    string.includes('world');
    // true

repeat – 将原字符串重复 n 次

    `Hello`.repeat(2.9);
    // HelloHello
    
    `Hello`.repeat(-0.9);
    // ""

padStart – 字符串补全长度

    `hello`.padStart(10,'0123456789');
    // 01234hello

padEnd

    `hello`.padEnd(10,'0123456789');
    // hello01234

trimStart、trimEnd – 去除空格，换行，tab
```
    'abc'.trimStart();
    // abc 
```

matchAll – 返回正则表达式所有匹配

    for(s of 'abcabcabc'.matchAll('ab')) {console.log(s)
    }

RegExp – 指定修饰符

   new RegExp(/abc/ig,'i');
   // /abc/i

字符串正则 – 内部改为调用 RegExp 方法

   RegExp.prototype[Symbol.match];
   RegExp.prototype[Symbol.replace];
   RegExp.prototype[Symbol.search];
   RegExp.prototype[Symbol.split];

y 修饰符 – 全局粘连匹配

   const s = 'abcdabcdabc';
   const reg1 = new RegExp('abc', 'g');
   const reg2 = new RegExp('abc', 'y');
   
   reg1.exec(s);
   reg2.exec(s)

sticky – 是否使用了 y 修饰符

   const reg = /hello\d/y;
   reg.sticky;
   // true

flags – 返回正则表达式的修饰符
```
   /abc/ig.flags
   // gi
```
s – 匹配一切字符 (. 不能匹配回车、换行等行终止符)
```
   /week.month/s.test('week\nbar');
   // false
```

组别名 (当我们使用正则匹配时，可以把它赋给一个变量)

   // 共同定义
   const RE_DATE = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
   const matchObj = RE_DATE.exec('1999-12-31');
   
   const year = matchObj.groups.year;
   matchObj[1];
   // 1999 
   
   const month = matchObj.groups.month;
   matchObj[2];
   // 12 
   
   const day = matchObj.groups.day;
   matchObj[3];
   // 31 
   
   let {groups: { one, two} } = /^(?<one>.*):(?<two>.*)$/u.exec('week:month');

matchAll – 返回正则表达式所有匹配 – 迭代器

  for(s of 'abcabcabc'.matchAll('ab')) {console.log(s)
  }

ES6-字符串与正则的扩展

1、字符串的扩展

2、正则的扩展