美文网首页ES6
ES6学习-字符串模板

ES6学习-字符串模板

作者: YINdevelop | 来源:发表于2018-03-02 16:10 被阅读4次

    1.字符串的拼接(格式:`${变量}`)

    es6字符串模版不再使用'xxx'这样的单引号,而是使用`字符串`。

    demo1

    //es5
    
    let a='str1'
    let b='字符串'+a+'拼接'
    console.log(b); //字符串str1拼接
    
    //es6
    
    let a='str1'
    let b=`字符串${a}拼接`
    console.log(b); //字符串str1拼接
    

    2.字符串的运算

    es6支持在字符串中计算

    demo1

    let a=1;
    let b=2;
    let result=`${a+b}`;
    console.log(result); //3
    

    3.字符串的查找

    1.查找字符串(格式:str.includes(要查找的字符串))

    如果匹配成功,结果为true,失败为false

    demo1

    let test = '测试';
    let result = '在字符串模版中测试文字。';
    console.log(result.includes(test)); //true
    

    2.判断开头是否存在:

    str.startsWith(要查找的字符串)
    

    3.判断结尾是否存在:

    str.endsWith(要查找的字符串)
    

    demo2

    let test = '测试';
    let test1='文字'
    let result = '在字符串模版中测试文字。';
    console.log(result.startsWith(test)); //false
    console.log(result.endsWith(test1)); //true
    

    4.复制字符串(格式:str.repeat(数字))

    此方法可以用来生成重复字符串

    demo3

    console.log('test|'.repeat(3)); //test|test|test|
    

    相关文章

      网友评论

        本文标题:ES6学习-字符串模板

        本文链接:https://www.haomeiwen.com/subject/bjvaxftx.html