ES5与ES6常⽤语法教程之③模板字符串、判断字符串是否包含
其它字符串
这部分教程我们主要讲解以下⼏个常⽤语法
模板字符串
带标签的模板字符串
判断字符串中是否包含其他字符串es6字符串转数组
给函数设置默认值
模板字符串
⽼式的拼接字符串⽅法
let dessert = ' ', drink = ' ' let breakfast = '今天的早餐是 ' + dessert + ' 与 ' + drink + ' !' console.log(breakfast) // 输出：今天的早餐是  与  !
模版字符串拼接⽅法
let dessert = ' ', drink = ' '
let breakfast  = `今天的早餐是 ${dessert} 与 ${drink} !`
console.log(breakfast) // 输出：今天的早餐是  与  !
模板字符串使⽤⽅法
在变量的周围添加⼀组{}
在{}左边添加⼀个$
再⽤反引号包裹这个字符串
带标签的模块字符串
let dessert = ' ', drink = ' '
let breakfast = kitchen`今天的早餐是${dessert} 与 ${drink}!`
function kitchen(strings, ...values){
console.log(strings) // 输出：["今天的早餐是", " 与 ", "!"]
console.log(values) // 输出：[" ", " "]
}
breakfast
strings：是⼀个数组，元素是模板字符串中的字符串⽚段
values：是⼀个数组, 元素是模块字符串中使⽤{}包裹的内容
在模块字符串的前⾯添加⼀个标签，这个标签处理模块字符串中的字符和插⼊的值，这⾥的标签是⼀个函数判断字符串中是否包含其它字符串
startsWith()：判断⼀个字符串是否以某⼀个字符串开头
endsWith()：判断⼀个字符串是否以某⼀个字符串结尾
includes()：判断⼀个字符串是否包含某⼀个字符串
let dessert = ' ', drink= ' '
let breakfast = `今天的早餐是 ${ dessert } 与 ${ drink } !`
console.log(
breakfast .startsWith('今天'), // 输出：true
breakfast .endsWith('!'), // 输出：true
breakfast .includes('早餐是') // 输出：true
)
给函数设置默认值
function breakfast (dessert = ' ', drink = ' ') {
return `${ dessert }${ drink }`
}
// 这⾥  和  是函数breakfast设置的默认参数值，当调⽤这个函数时没有给参数时，这时就会使⽤函数默认的参数值// 调⽤函数
breakfast () // 输出：
breakfast ( ,  ) // 输出：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。