美文网首页
es6:模板字符串

es6:模板字符串

作者: 琳媚儿 | 来源:发表于2020-05-11 12:03 被阅读0次

    模板字符串:${变量名}
    标签模板:是函数调用的一种特殊形式,
    标签指的是函数紧跟在后面的模板字符串就是它的参数

    stringArr数组参数:保存的是字符串变量里直接输出的内容(Hello,World),没有变量的内容构成数组元素
    values:变量
    在 数组里,通过下标来区分具体成员

    {
        //字符串模板
        let name = 'zhangsan';
        let age = 21
        console.log("名字是" + name, "年龄是" + age);
        console.log("名字是" + `${name}`, "年龄是" + `${age}`, "身高是" + `${160}` + "cm");
    
    }
    

    标签模板
    字符串中不变的内容和变量发生的内容生成一个数组
    具体下标由排列顺序决定的,在这个例子中,字符串数组中,Hello值下标是0,world下标是1,

    let a = 5;
    let b = 10;
    let aa = tag `Hello ${a + b} World ${a * b}`;
    function tag(stringArr, ...values) {
        // console.log(stringArr[0])
        // console.log(stringArr[1])
        // console.log(values[0]);
        // console.log(values[1]);
    
        let output = '';
        for (i= 0; i< values.length; i++) {
            output += stringArr[i] + values[i];
        }
        output += stringArr[i]
        return output; //output 赋给aa
    }
    //Hello 15 World 50
    

    新增的方法
    codePointAt() 存储4个字符
    includes
    repeat() 将原字符串重复n次,有小数把小数去掉取整
    padStart() 从头部不全(补全后长度是多少)
    padEnd() 从尾部不全

    {
        //新增的方法
        let s = "helloworld";
        console.log(s.startsWith('hel', 2)); //要查找的内容第二个字符
        console.log(s.includes('ll', 3)); //是否找到了2个字符
        console.log(s.endsWith('e', 2)); //前两个字符的最后一个字符
        
        
        let f = "d";
        console.log(f.repeat(3.6));
        console.log(f.padStart(5, 's'));
    
     }
    

    相关文章

      网友评论

          本文标题:es6:模板字符串

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