ES6--字符串篇

字符串篇

主要包括两部分：新增的两个方法和字符串模板；

两个新方法

startsWith

以XX开头

例如

let str='http://www.baidu.com';
if(str.startsWith('http://')){
    alert('普通网址');s://')){
    alert('加密网址');
  }else{
   alert('其他');
  }
// 运行结果  普通网址

endsWith

以XX结尾

例如

let str='1.txt';
if(str.endsWith('.txt')){
    alert('文本文件');
  }else if(str.endsWith('.jpg')){
    alert('JPG图片');
  }else{
   alert('其他');
  }
// 运行结果  文本文件

字符串模板（吹爆）

既是字符串拼接；

首先来个简单的例子：

let num =12;
let str=`a${num}bc`;
console.log(str);

// 运行结果：a12bc

// ${}  可以直接取变量

我们来看原生JS的拼接方式

let title='标题'；
let content='内容'；
let str='<div>\<h1>'+title+'</h1>\<p>'+content+'</p>\</div>';
console.log(str);

// 运行结果：<div><h1>标题</h1><p>内容</p></div>

ES6写法

let str2=`<div><h1>${title}</h1><p>${content}</p></div>`;

//运行结果： <div><h1>标题</h1><p>内容</p></div>

大家体会一下，是不是比原生JS更加方便了呢，而且ES6可以折行写，完全没有问题这在拼凑大段html代码的时候，简直不要太好用；

let str2=`<div>
        <h1>${title}</h1>
        <p>${content}</p>
    </div>`;

ps：不要去考虑自己能够走多快，只要知道自己在不断努力向前就行，路对了，成功就不远了。😄