ES6 的新特性(2)

263 阅读3分钟

前言

总感觉手敲过一遍感觉记忆力会好一点些!

参考https://es6.ruanyifeng.com/#docs/destructuring

字符串的扩展与方法

举出常用的几种

  • 模板字符串 模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量,所有的空格和缩进都会被保留在输出之中。

    //传统写法
    console.log('我叫' + name + ',我的年龄是' + age);//我叫 LuoJing,我的年龄是 6666
    
    //ES6模板字符串
    let name = 'LuoJing',
        age = 6666;
    console.log(`我叫${name},我的年龄是${age}`);//我叫LuoJing,我的年龄是6666
    
    //如果需要使用反引号 用\来转义
    
    let name = 'LuoJing',
            age = 6666;
    console.log(`我叫\`${name}\`,我的年龄是${age}`); //我叫`LuoJing`,我的年龄是6666
    
  • 实例方法 includes() 返回布尔值,表示是否找到了参数字符串。 第二个参数,表示开始搜索的位置。

    let str = 'LuoJing';
    console.log(str.includes('J')); //true,
    console.log(str.includes('oJ')); //true,
    console.log(str.includes('oj')); //false,
    
  • 实例方法 startsWith() 返回布尔值,表示参数字符串是否在原字符串的头部。 第二个参数,表示开始搜索的位置。

    let str = 'instance';
    console.log(str.startsWith('J')); //false,
    console.log(str.startsWith('inst')); //true,
    console.log(str.startsWith('instance')); //true,
    
  • 实例方法 endsWith() 返回布尔值,表示参数字符串是否在原字符串的尾部。 第二个参数,表示开始搜索的位置,该方法的第二个参数针对前 n 个字符,其它两个方法都是从第 n 到结束

    let str = 'instance';
    console.log(str.endsWith('nc')); //false,
    console.log(str.endsWith('ce')); //true,
    console.log(str.endsWith('instance')); //true,
    
  • 实例方法 repeat() repeat 方法返回一个新字符串,表示将原字符串重复 n 次。

    
    let str = 'vcs1';
    console.log(str.repeat(5)); //vcs1vcs1vcs1vcs1vcs1
    console.log(str.repeat(0)); //''
    
    //小数将会取整
    let str = 'vcs1';
    console.log(str.repeat(0.5)); //''
    console.log(str.repeat(0.9)); //''
    console.log(str.repeat(1.1)); //vcs1
    
    //参数为负数或者Infinity会报错
    let str = 'vcs1';
    console.log(str.repeat(-2)); //RangeError
    console.log(str.repeat(Infinity)); //RangeError
    
    //参数是字符串会先转换成数字
    let str = 'vcs1';
    console.log(str.repeat('2')); //vcs1vcs1
    console.log(str.repeat('ad')); //''
    
  • 实例方法 padStart()&& padStart()

    字符串补全长度的功能。如果某个字符串不够指定长度,会在头部或尾部补全。padStart()用于头部补全,padEnd()用于尾部补全。 第一个参数是字符串补全生效的最大长度,第二个参数是用来补全的字符串。

    let str = 'vc';
    console.log(str.padStart(5, 'b')); //bbbvc
    
    //原字符串的长度大于补全长度会返回原字符串
    let str = 'vcc';
    console.log(str.padStart(1, 'ae')); //'vcc'
    
    //用来补全的字符串与原字符串,两者的长度之和大于最大长度,则会截去超出位数的补全字符串。
    let str = 'vcc';
    console.log(str.padStart(6, '123456789')); //'123vcc'
    
    //省略第二个参数默认用空格补全长度
    let str = 'vcc';
    console.log(str.padStart(6)); //'   vcc'
    
    //padStart()的常见用途是为数值补全指定位数。下面代码生成 10 位的数值字符串。
    '1'.padStart(10, '0') // "0000000001"
    '12'.padStart(10, '0') // "0000000012"
    '123456'.padStart(10, '0') // "0000123456"
    
    //另一个用途是提示字符串格式
    '12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"
    '09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"
    
  • 实例方法 trimStart()&& trimEnd() 对字符串实例新增了 trimStart()和 trimEnd()这两个方法。它们的行为与 trim()一致,trimStart()消除字符串头部的空格,trimEnd()消除尾部的空格。它们返回的都是新字符串,不会修改原始字符串。

    let str = '  str  ';
    console.log(str.trim()); //'str'
    console.log(str.trimStart()); //'str  '
    console.log(str.trimEnd()); //'  str'