1. 什么是字符串模板
字符串模板就是拼接字符串用的,以前用
++
,很麻烦,而且容易出错,现在可以用``,然后里面用${变量名}
来进行字符串的拼接,优点是可以随意换行,而且不容易出错。
例:
<script>
let person = 'jason';
let age = 18;
let str = `我是${person},我今年${age}岁`;
console.log(str);//我是jason,我今年18岁
</script>
2. 字符串新增的方法
- includes
作用: 查找字符串当中是否含有某个字符串,返回true
或false
;
用法:str.includes(要查找的字符串)
;
字符串原来有个indexOf
的方法,返回的是查找的字符串的索引,如果没有找到就返回'-1'
;现在可以用includes
来代替它了。
用处: 判断浏览器等等。
<script>
let str = 'apple banana orange';
let a = str.indexOf('apple');
let b = str.includes('apple');
console.log(a, b);//0, true
</script>
- startsWith 和 endsWith
作用: 查找字符串的开头或者结尾是否包含某个字符串,返回true
或false
;
用法:str.startsWith(检测的字符串)
;
用处:startsWith
用在判断网址是http还是https;endsWith
用在判断图片是以什么结尾的png还是jpg
<script>
let str = 'http://www.baidu.com'
var a = str.startsWith('http');
var b = str.endsWith('com');
console.log(a, b);//true, true
</script>
- repeat
作用: 重复某个字符串;
用法:str.repeat(需要重复的次数);
<script>
let str = 'hello';
var a = str.repeat(3);
console.log(a);//hellohellohello
</script>
- padStart 和 padEnd
作用: 在字符串的开头和结尾填充需要的字符串;
用法:str.padStart('填充完之后整个字符串的长度','想要填充的字符串');
<script>
let str = 'hello';
let str1 = 'xx';
let str2 = 'oo'
var a = str.padStart(str.length+str1.length, str1);
var b = str.padEnd(str.length+str2.length, str2);
console.log(a,b);//xxhello, hellooo
</script>