es6:模板字符串

2020-05-11  本文已影响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'));

 }
上一篇下一篇

猜你喜欢

热点阅读