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

2018-12-17  本文已影响0人  祝名

一. 字符串模板

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

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) );
上一篇 下一篇

猜你喜欢

热点阅读