ES6对字符串的扩展&模板字符串

本文介绍了ES6中对字符串的扩展,重点讲解了模板字符串的换行和变量插入功能,并探讨了indexOf()、lastIndexOf()、includes()、startsWith()、endsWith()和repeat(n)等字符串方法的使用及作用。
摘要由CSDN通过智能技术生成


一、模板字符串

1.支持换行

一般的字符串是不能换行的。
在这里插入图片描述
报错啦!
但是在模板字符串里面是可以换行的

let str = `123
456`
console.log(str);

在这里插入图片描述

2.支持变量

在一般的字符串中,如果我们想加变量,我们会这么做:

let a = 5;
let str = 'I like' + a + 'this number'

要是变量多了就很麻烦。
在模板字符串里我们可以直接把变量加在里面

let a = 5;
let str = `I like ${a} this number`

只需要用${}把变量括起来就可以了。

二、indexOf()

作用:检索字符串中某个字符串首次出现的位置,返回索引 找不到返回-1。

        let str = 'hello world';
        console.log(str.indexOf('l'));//2
        console.log(str.indexOf('a'));//-1

str字符串首个‘l’字符出现在索引为2的位置。
str字符串没有‘a’字符,所以返回-1。

三、lastIndexOf()

作用:检索字符串中某个字符串最后出现的位置,返回索引 找不到返回-1。

		let str = 'hello world';
        console.log(str.lastIndexOf('l'));//9
        console.log(str.lastIndexOf('a'));//-1

四、includes()

作用:是否找到了参数字符串,返回布尔值,找到返回true,否则返回false。

		let str = 'hello world';
        console.log(str.includes('p'));//false
        console.log(str.includes('hel'));//true

因为str字符串不包含’p’,所以返回false
因为str字符串包含’hel’,所以返回true

五、startsWith()

作用:表示参数字符串是否在原字符串的头部,返回布尔值。

		let str = 'hello world';
		console.log(str.startsWith('hel'));//true
        console.log(str.startsWith('hep'));//false
        console.log(str.startsWith('abc'));//false

六、endsWith()

作用:表示参数字符串是否在原字符串的尾部,返回布尔值。

		let str = 'hello world';
		console.log(str.endsWith('rld'));//true
        console.log(str.endsWith('d'));//true
        console.log(str.endsWith('aaa'));//false

七、repeat(n)

作用:表示将原字符串重复n次,返回一个新字符串。

		let str = 'hello world';
  		let str1 = str.repeat(3);
        console.log(str);//hello world
        console.log(str1);//hello worldhello worldhello world

可以看到
这里将str重复了三次并赋值给str1。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值