石川es6課程---八、字符串

石川es6課程---八、字符串

1、總結

一句話總結：

· es6字符串新增兩個方法：startsWith（以什麼開頭），endsWith（以什麼結尾）

· 新增反單引號：能夠解析變量，能夠折行：let a = 12； let str1 = `asdf${a}`；

 

一、es6字符串新增兩個方法：startsWith（以什麼開頭），endsWith（以什麼結尾）實例？

|||-begin

var url = 'http://qq.com'

|||-end

console.log(url.startsWith('http')) //true

console.log(url.endsWith('com')) //true

 

 

二、es6新增反單引號 解析變量 操做實例？

let a = 12； let str1 = `asdf${a}`；

let a = 12 let str1 = `asdf${a}` console.log(str1)

 

 

 

2、字符串

一、多了兩個新方法

startsWith
endsWith
var url = 'http://qq.com'
console.log(url.startsWith('http'))
console.log(url.endsWith('com'))
// 都是 true

 

二、字符串模版

使用反引號，${變量}
能夠折行
let a = 12
let str1 = `asdf${a}`
console.log(str1)

let title = '標題'
let content = '內容'
let str = `<div>
<h1>${title}</h1>
<p>${content}</p>
`
console.log(str)
<div>
<h1>標題</h1>
<p>內容</p>

 

三、

1. 多了兩個新方法

• startWith

let str="https://www.baidu.com"
    if(str.startsWith("http://")){
        alert("普通網址")
    }else if(str.startsWith("https://")){
        alert("加密網址")
    }else if(str.startsWith("git://")){
        alert("git地址")
    }else{
        alert("其餘")
    }

• endWith 應用：
  • 經過文件擴展名判斷文件類型
  • 經過後綴名判斷郵箱類型

1. 字符串模板(能夠折行)

• 把東西塞到字符串裏面 ${字符串變量}
• 能夠折行

let str1='a'
    let str2="b"
    //數據中使用較多
    let str3=`a${str2}`//ab
    let str4=`<div>
        <h1>${title}</h1>
    </div>`