ES6的字符串模板和新增的一些方法

ES6中原生新增了字符串模板,使用反引号包裹,使用${}就可以放置变量。另外ES6还给字符串新增了includes、startsWith、endsWith、repeat等方法。

字符串模板

const profile = {
    name: 'luochongfei',
    age: 27
};

// 原先的拼接做法
const str = '我的名字叫'+profile.name+',今年'+profile.age+'岁了。';

// 使用字符串模板的做法
const str1 = `我的名字叫${profile.name},今年${profile.age}岁了`;

console.log(str1); // '我的名字叫luochongfei,今年27岁了'

startsWith:以什么开头

// 我们通过判断https开头的就正式环境地址
const uri = [
    'localhost:8080//about.html',
    'https://www.luochongfei/about.html'
];

for(let i = 0; i < uri.length; i += 1) {
    if (uri[i].startsWith('https')) {
        console.log('正式环境地址', uri[i]);
    }
}
// '正式环境地址 https://www.luochongfei/about.html'

endsWith:以什么结尾

// 我们通过判断.png为结尾的就是图片
const uri = [
    'localhost:8080//about.html',
    'https://www.luochongfei/about.html',
    'https://www.luochongfei.top/share.png'
];

for(let i = 0; i < uri.length; i += 1) {
    if (uri[i].endsWith('.png')) {
        console.log('有图片:', uri[i]);
    }
}
// '有图片: https://www.luochongfei.top/share.png'

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注