ES6 字符串模板、字符串新增

一. 字符串模板

1. ` ${变量的名字} ``

let name = "Arya";
let age = 18;
let str = `这个人叫${name},年龄是${age}岁`;
console.log(str);
-->这个人叫Arya,年龄是18岁

2.

3. 字符串模板``优点

(1)内部书写可以随意换行
(2)内部可随意加单双引号

二.字符串新增

1.字符串查找:str.includes(要找的东西)-->true/false

  • str.indexof(要找的东西)-->返回索引位置,没找到返回-1
    (1) 旧方法:查找字符串中是否存在banana
let str = "apple banana";
if (str.indexof('banana')!= -1) {
    alert(true);
}else{
    alert(false);
}

(2) 新方法:

let str = "apple banana";
alert(str.includes('banana'));
-->true

(3) 浏览器判断

2.字符串是否是以谁开头:str.startsWith(检测的东西)

字符串是否是以谁结尾:str.endsWith(检测的东西)

let str = "https://www.baidu.com/";
str.startsWith('http');
-->true

3. 重复字符串:str.repeat(次数);

let str = "Arya";
console.log(str.repeat(3));
-->打印3次Arya

4.填充字符串

往前填充:str.padStart(整个字符串长度,填充东西);
往后填充:str.padEnd(整个字符串长度,填充东西);

let str = 'a';
let padStr = 'xxx';
console.log(str.padStart( str.length+padStr.length , padStr) );

你可能感兴趣的:(ES6 字符串模板、字符串新增)