ES6字符串模板的使用

字符串模板

let name = ‘leying’
let age =18
let str=’这个人叫’+name+’,年龄是 ‘+age+ ‘岁’’;
console.log(str) //这个人叫leying年龄是18岁

es6:

let name = ‘leying’
let age =18
let str= `这个人叫${name},年龄是${age}s岁 `
console.log(str) //这个人叫leying年龄是18岁

字符串模板优点

 可以随意换行
`${变量名称} `

字符串方法 includes()

字符串查找:

 let str= 'apple banana  pear'

ES5:

 if(str.indexOf('apple')!=-1){
alert(true)
}else {
alert(false)
}

ES6 :

console.log(str.includes('banana'))   //有就是true  没有就是false

字符串方法 startsWith(),endsWith()

startsWith 字符串是否以xxx开头:

let str ='www.baidu.com'
console.log(str.startsWith('www')) //有就是true 没有就是false
endsWith 字符串是否以xxx结尾:
console.log(str.endsWith('com')) //有就是true 没有就是false

重复字符串 repeat(n)

let str= ES6
console.log(str,repeat(3)) // ES6 重复打印ES6 3次

字符串填充 padStart() padEnd()

向前填充 padStart(整个字符串的长度,填充的东西)

向后填充 padEnd(整个字符串的长度,填充的东西)

'a' => 'xxxa'
let str= 'a'
let padStr= 'xxx'
let EndStr= 'pppp'
console.log(str.padStart(str.length+padStr.length,padStr)) //xxxa
console.log(str.EndStr(str.length+padStr.length,EndStr)) //appp

版权声明:著作权归作者所有。

相关推荐

ES6中async的使用案例

在项目中有时会遇到异步操作的问题,async就是解决异步操作的终极操作。我会以终极三问(what,why,when)的形式来说明什么是async。由于这是第一篇文章不知道怎么写,有很大部分是借鉴阮一峰老的原文,事例将会从我的项目中摘取。 async是什么? 官方例子 官方文档 async相当于对Generator 函数的一个语法糖const fs = require

JavaScript ES6扩展运算符(...)用例

ES6新增了扩展运算符,它的语法很简单,使用三个点号表示“...”。它的作用是把数组展开为类似用逗号隔开的参数列表。这里介绍几种用例来理解扩展运算符的使用。用例1:插入数组如果我们要在一个数组插入另外一个数组的元素,可以结合splice和apply使用,如:a1 = [1,2,5,6,7]; a2 = [3,4]; a1.splice.apply(a1,&n

JavaScript(ES6)判断字符串是否包含子字符串的方法

ES6 includesES6的字符串新增了includes方法,我们可以用它来判断是否包含子字符串。str.includes(searchString[, position]) searchString:查询的子字符串position:可选,开始搜索的位置,默认为0'Blue Whale'.includes('Blue'); // returns

[译]Swift 4字符串的更新

又一年过去了,Swift String API又做了一些更改。Swift 4对String带来了一些很需要的改进以及简化。这些是我写的笔记,它记录了我的Swift字符串小抄关于Swift4需要做的改动。你可以在这里找到原来的和现在更新的指南以及Xcode playground:Swift String Cheat SheetXc