模板字符串:${变量名}
标签模板:是函数调用的一种特殊形式,
标签指的是函数紧跟在后面的模板字符串就是它的参数
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'));
}
网友评论