let name = 'hzzzzzzzq';
let age = 18;
let info = 'my name is ' + name + '\n my age is ' + age;
console.log(info);
// my name is hzzzzzzzq
// my age is 18
然后我们再来看看模版字符串的写法。
let name = 'hzzzzzzzq';
let age = 18;
let info = `my name is ${name}
my age is ${age}`;
console.log(info);
// my name is hzzzzzzzq
// my age is 18
字符串的扩展
字符串的遍历
ES6 中添加了字符串的遍历器接口,字符串就可以使用
for...of
来遍历了。JSON.stringify()
和JSON.parse()
在有时候,我们需要将一个
JSON
格式的数据,转成字符串进行页面传递。 所以这时候采用JSON.stringify()
进行序列化。然后传递,在目的页面使用JSON.parse()
转为JavaScript
对象。在进行大数据传递时,时常需要。模版字符串
什么是模版字符串呢?简单来说,其实就是加强版的字符串,使用 ( ` )作为标识符 。可以作为普通的字符串使用,也可以用来定义多行字符串,或者在字符串中使用变量。
我们来看看使用普通字符串时 是怎么进行换行,或者加入变量的。
然后我们再来看看模版字符串的写法。
换行,直接就使用回车就可以换行,你输入的样子是怎样的,打印基本上就是怎样的。
变量采用
${}
来嵌入,也可以直接写入一个字符串中,少写了许多没必要的+
号。字符串中的新增方法
在这里就列举一些常用的实例方法
includes()
includes()
实例方法,返回的是一个布尔值(true
和false
),表示是否找到了参数字符串。 参数二来表示开始搜索的位置。startsWith()、endsWith()
startsWith()
返回也是布尔值,表示参数是否在原字符串的头部。 第二参数也表示开始搜索的位置。endsWith()
返回也是布尔值,表示参数是否在原字符串的尾部。 注意:这里的第二参数表示的是到 n 为止,不像startsWith()
是从n
开始到字符串结尾。repeat()
repeat()
返回一个新字符串,表示将原字符串重复n
次。Infinity
和 小于-1
的值0
到-1
之间的小数,则按照等同于0
来计算。NaN
会被转为0
0
padStart、padEnd()
两个实例方法,就是用于字符串的补齐。 第一参数表示想要字符串的长度,第二参数表示字符串没达到第一参数时使用参数二字符串进行补齐。
Start
,就是在字符串的头部补全。End
就是在字符串的尾部补全。trimStart()、trimEnd()
这两个实例都是用来去除字符串空格用的。
replaceAll()
replaceAll()
实例方法是用来替换字符串中的字符用的。在提到这个之前,我们先看看
replace()
,参数一是被替换的值,参数二是替换值,简单来讲就是,参数二用来替换参数一。replace()
只能替代一个,是第一个遇到的。那我们来看看
replaceAll()
,是全部替换。这里是简单的用法,当然在
replaceAll()
第二参数还可以传入一个函数,具体可以看看 MDN的replaceAll()