第四章 字符串的扩展

字符串检索位置

  ES5中提供了indexOf来确定一个字符串是否包含在另一个字符串中。ES6又提供了一种新方法:includes()返回布尔值,表示是否找到了参数字符串。

模版字符串

  传统的javascript模版通常是这么写的:

'there are <b>' + basket.count + '</b>' + 'item in your basket'

上面这样写法相当繁琐且不方便,ES6引入了模版字符串来解决这个问题。

`there are <b>${basket.count}</b>item in your basket`

模版字符串是增强版的字符串,可以当作普通字符串来使用,也可以定义多行字符串,或者在字符串中嵌入变量。
在模版字符串中嵌入变量,需要将变量名写在${}中,大括号内可以放入任意的javascript表达式,可以运算以及引入对象属性。模版字符串中还可以调用函数跟vue模版中可以调用函数是一样的,例

`foo ${fn()} bar`

模版字符串输出的是字符串,并且还可以嵌套。

const temp1 = addrs => `
   <table>
      ${addrs}.map(addr => 
     `<tr><td></td><tr>`
<table>
)
`
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容