资讯专栏INFORMATION COLUMN

【ES6入门03】:字符串扩展

hot_pot_Leo / 2998人阅读

摘要:字符串扩展判断字符串中是否包含某一字符判断字符串是否以某一字符开始判断字符串是否以某一字符结束方法用于字符串复制和字符串补白,日期时间金额经常用到模板字符串标签模板,作用防止攻击,处理多语言转换方法对做了转义

字符串扩展

1.str.includes() str.startsWith() str.endsWith()

{
    let str = "string";
    // 判断字符串中是否包含某一字符
    console.log("includes", str.includes("r")); // true
    // 判断字符串是否以某一字符开始
    console.log("start", str.startsWith("str")); // true
    // 判断字符串是否以某一字符结束
    console.log("end", str.endsWith("ng")); // true
}

2.str.repeat()

{
    // repeat方法用于字符串复制
    let str = "abc";
    console.log(str.repeat(3)); // abcabcabc
}

3.str.padStart() 和 str.padEnd()

{
    // 字符串补白,日期、时间、金额经常用到
    console.log("1".padStart(2, "0")); // 01
    console.log("12".padStart(2, "0")); // 12
    console.log("1".padEnd(2, "0")); // 10
}

4.模板字符串

{
    let name = "can";
    let info = "hello beautiful girl";
    let temp = `i am ${name}, ${info}`;
    console.log(temp); // i am can, hello beautiful girl
}

5.标签模板,作用:防止XSS攻击,处理多语言转换

{
    let user = {
        name: "can",
        info: "hello beautiful girl"
    };
    abc`i am ${user.name}, ${user.info}`;

    function abc(s, v1, v2) {
        console.log(s, v1, v2); // ["i am ", ", ", ""]  "can"  "hello beautiful girl"
        return s + v1 + v2;
    }
}

6.String.raw

{
    // raw方法对做了转义
    console.log(String.raw`Hi
${1 + 2}`);  // Hi
3
    console.log(`Hi
${1 + 2}`);
    // Hi
    // 3
}

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/98539.html

相关文章

  • ES6学习摘要(03)(新人学习)

    摘要:字符的表示法允许采用形式表示一个字符,其中表示字符的码点。方法,用来将字符的不同表示方法统一为同样的形式,这称为正规化。,默认参数,表示标准等价合成,返回多个简单字符的合成字符。返回布尔值,表示参数字符串是否在原字符串的头部。 ECMAScript6/ES6 入门 let和const命令变量的解构赋值 五、字符串的扩展 注:这章没什么可以理解的,看过一遍就行,所以大体上我把有用的一些东...

    番茄西红柿 评论0 收藏0
  • ES6入门之对象的扩展

    摘要:循环遍历对象自身的和继承的可枚举属性不含属性。返回一个数组,包含对象自身的所有属性的键名。目前,只有对象方法的简写法可以让引擎确认,定义的是对象的方法。showImg(https://user-gold-cdn.xitu.io/2019/5/21/16ada8456223b0e1); 1. 属性的简洁表示法 在ES6中 允许直接写入变量和函数,作为对象的属性和方法,使得代码的书写更为简洁。...

    RiverLi 评论0 收藏0
  • ES6入门之对象的扩展

    摘要:属性的简洁表示法在中允许直接写入变量和函数,作为对象的属性和方法,使得代码的书写更为简洁。循环遍历对象自身的和继承的可枚举属性不含属性。返回一个数组,包含对象自身的所有属性的键名。 showImg(https://segmentfault.com/img/remote/1460000019259004?w=1282&h=1920); 1. 属性的简洁表示法 在ES6中 允许直接写入变量...

    AWang 评论0 收藏0
  • ES6入门之正则的扩展

    摘要:正则的扩展参数为字符串,那么第二个参数表示正则表达式的修饰符,如下等价于参数为一个正则表达式,这时返回一个原有正则表达式的拷贝。如下调用调用调用调用修饰符对正则表达式添加了修饰符,用来正确处理大于的字符。 showImg(https://segmentfault.com/img/bVbrJqm?w=800&h=1200); 1. 正则的扩展 参数为字符串, 那么第二个参数表示正则表达式...

    jifei 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<