欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ES6-字符串模板

程序员文章站 2022-04-29 18:32:13
ES6-字符串模板, es6字符串查找, es6字符串复制, es6判断字符串是否存在包括头部,尾部 ......
es6字符串模板
// es5
let ananiah = "大诶呀";
let blog = "我要忘了你的样子"+ ananiah;
console.log(blog); //我要忘了你的样子大诶呀

// es6字符串模板
let anania = "大诶呀";
let blogs = `<b>我要忘</b><br>
了你的样子${anania}`;
document.write(blogs); //可以放html标签

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

字符串查找

// 字符串查找
//es5
let ananiahs = "大诶呀";
let blogss = "我要忘了你的样子大诶呀";
document.write(blogss.indexof(ananiahs)); //8

//es6
let ananiahs6 = "大诶呀";
let blogss6 = "大诶呀我要忘了你的样子大诶呀";
document.write(blogss6.includes(ananiahs6)); //true 是否存在
document.write(blogss6.startswith(ananiahs6)); //true  头部是否存在
document.write(blogss6.endswith(ananiahs6)); //true  尾部是否存在

字符串复制

//字符串复制 repeat 方法
document.write('ananiah |'.repeat(30)); //复制三十个