這篇文章帶給大家的內容是關於es6字串中新增知識介紹（程式碼範例），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
es6字串增加了許多新功能，當然也有很多關於字串編碼的一些學習性東西，在這裡咱們就不多做介紹，介紹一下常用的一些方法
字串的遍歷介面
es6中字符串扩展了遍历器接口
for(let i of 'abcdef'){
console.log(i) // a,b,c,d,e,f
}
其实看起来和其他的遍历长的挺像的，那我们来看看它是否除了能遍历字符串之外，还能否遍历其它类型呢
那我们来试一下数组类型,会像我们预想的那样会得到遍历的值
for(let i of [1,2,3]){
console.log(i) // 1,2,3
}
看一下对象的类型的遍历
for(let i of {a:1,b:2}){
console.log(i) // 报错
}上面遍歷物件是會報錯的，因為for of 是不能直接列舉普通物件的，除非這個物件有Iterator介面才能使用，Iterator介面在這裡就不多說了，以後的文章會對它進行講解的
for of 循环遍历器还可以配合break(直接跳出) continue（跳出继续执行） return （在函数内使用）配合使用跳出循环
for (let a of '123456') {
if (a ==='1') {
break
}
console.log(a) // 1
}有時間的話大家不妨試試
字串includes()，startsWith( )，endsWith()方法
es5中提供了indexOf方法來確定查找的字串是否在其中，現在又多了三個，是不是很開心！ ！ ！includes方法傳回布林值，是否在字串其中
let str = 'this is es6'
str.includes('es6')// true
这个方法还支持第二个参数，那就是选择位置搜索，从0开始算，空格也会算位置,是从当前位置往后搜索，也算当前的位置
let str = 'this is es6'
str.includes('i'， 5) // true
搜索多个也是可以的，当然如果位置超过es6的真实位置会查找不到
str.includes('es6', 5) // truestartsWith方法傳回布林值，是否在字串的頭部
let str = 'is heard'
str.startsWith('is') // true
str.startsWith('i') // true
str.startsWith('is heard') // true
str.startsWith('h') // false
上边的第三个为什么也算头部，在我看来因为把is heaed 看做了整体所以都算头部，而最后一个false是因为在is heard查找h所以h不算是头部
这个方法也是有第二个参数的
str.startsWith('i'， 0) // true
str.startsWith('is'， 0) // true
str.startsWith('is'， 1) // falseendsWith方法傳回布林值，是否在字串的尾部
let str = 'is last'
str.endsWith('t') //true
str.endsWith('st') //true，
str.endsWith('s') //false其實這個和上邊的方法startsWith差不多少只不過這個是查找的尾部，那個是查找的頭部
repeat 重複返回一個新的字串，重複多少次取決於你的參數
参数是 0 到-1 之间的小数，则等同于 0，-0也算0
abc.repeat(3)// abcabcabc
因为不能小于-1，才会报错
'abc154789'.repeat(-1) //报错
大于-1的话会被取整为0，所以会是空的字符串
'abc154789'.repeat(-0.9999999999) //“”
NaN也会被当做为0处理
'NaN'.repeat(NaN) // ""
参数也可以为字符串,但是也是空因为下面的字符串会被转为NaN
'hhh'.repeat('cc') // ''padStart 我们来先说一下头部补全 'aa'.padStart(5, 'xc') // xcxaa '啊！'.padStart(4, '你好') // "你好啊！" '好看'.padStart(4, '你长得真') // "你长好看" '好看'.padStart(4) // " 看" 上面的例子是第一个参数是5，表示要5个字符，第二个参数是补全的参数，从头部补全xcx,’aa‘是不会变的，当然倒数第二个第一个参数也算限制了文字，所以会从左到右选取剩余的长度，最后一个的话没有第二个参数会按四个空格 我们来看看从后面补全，其实机制和从头部补全差不多，看一下例子 'aa'.padEnd(5, 'xc') // aaxcx '啊！'.padEnd(4, '你好') // "啊！你好"
我們先來看一下什麼是字串模板,注意不要用單雙引號，要用··，對就是那個
普通的字串模板
·this is 啊啊啊啊·
多行文字的字串模板
·哈哈哈，你好啊
我是哈哈·
變數的模板字串
let a = '你好'
${a}啊 // 你好啊
let str = 'this is'
${str}模板 // this is 模板#還可以使用函數，但是得把你需要的return出來
function add () { return 123
}
${add()}456 // 123456模板編譯
let a = `
<ul> <% for(let i=0; i < 3; i++) { %>
<li><%= i %></li>
<% } %>
</ul>`上面會被輸出為
<ul> <li>0</li> <li>1</li> <li>2</li> </ul>
我們再來看看下面這個,你們猜函數會執行嗎
let html = `
<p>
<h5 @click=${add()}>5</h5>
<h4>4</h4>
<h3>3</h3>
<h2>2</h2>
</p>
`
function add() {
alert(123)
} let s1 = 'qwe', s2 = '123'
String.raw`${ s1 + s2 }` // qwe123
下面这种是左边的参数会被分为['h','e','l','l','o'],然后就是左边一个参数逗号右边一个开始补
String.raw（{raw: 'hello'}, 123）// h123ello
第二个参数为对象的话是不会被分解的哦
String.raw({ raw: 'hello' }, {aa: 'ooo'});"h[object Object]ello"以上是es6字串中新增知識介紹（程式碼範例）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
