石川es6课程---8、字符串

石川es6课程---8、字符串

一、总结

一句话总结：

· es6字符串新增两个方法：startsWith（以什么开头），endsWith（以什么结尾）

· 新增反单引号：可以解析变量，可以折行：let a = 12； let str1 = `asdf${a}`；

1、es6字符串新增两个方法：startsWith（以什么开头），endsWith（以什么结尾）实例？

|||-begin

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

|||-end

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

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

2、es6新增反单引号 解析变量 操作实例？

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

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

二、字符串

1、多了两个新方法

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

2、字符串模版

使用反引号，${变量}
可以折行
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>

3、

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>`