博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6系列_5之字符串模版
阅读量:6906 次
发布时间:2019-06-27

本文共 905 字,大约阅读时间需要 3 分钟。

1.字符串模板对比引入:

(1).之前我们也可以使用JavaScript输出模版字符串,通常是下面这样的:

var restult= "姓名: "+person.name+""

但是我们可以看到:这样的传统做法需要使用大量的“”(双引号)和 + 来拼接才能得到我们需要的模版。但是这样是十分不方便的。

(2)于是ES6中提供了模版字符串,用`(反引号)标识,用${}将变量括起来。上面的例子可以用模版字符串写成下面这样:

·姓名: ${person.name}·

这样的做法就简洁了很多,我们不需要再使用大量的""和+来拼接字符串和变量。

注意:如果使用模版字符串表示多行字符串,所有的空格和缩进都会被保存在输出中!!

console.log( `i,love you.`);

输出结果为:

2.对运算的支持:

在${}中的大括号里可以放入任意的JavaScript表达式,还可以进行运算,以及引用对象属性。

let a=1;let b=2;let result=`${a+b}`;document.write(result);

输出结果为3。

3.字符串查找

(1)查找是否存在

ES6直接用includes就可以判断,不再返回索引值。

let name="小明";let listName="小明,小红,小张";document.write(listName.includes(name))

结果返回:true

(2)判断开头是否存在

listName.startsWith(name)

(3)判断结尾是否存在

listName.endsWith(name)

(4)复制字符串

我们有时候是需要字符串重复的,比如分隔符和特殊符号,这时候复制字符串就派上用场了,语法很简单。

document.write('*'.repeat(20));

结果为:********************。

 

未完,待续。。。。

posted on
2018-12-02 10:35 阅读(
...) 评论(
...)

转载于:https://www.cnblogs.com/wfaceboss/p/10052391.html

你可能感兴趣的文章
JS判断是否是微信打开页面
查看>>
event.returnValue=false与event.preventDefault()
查看>>
CSAPP:Binary Bomb
查看>>
Hibernate SQL方言 (hibernate.dialect) Spring配置文件applicationContext.xml
查看>>
我的成就故事
查看>>
ASIHTTPRequest 详解, http 请求终结者 (转)
查看>>
Python 函数(补充)
查看>>
webpack 转换 ES6高级语法 bable插件 module rules
查看>>
添加占位图片
查看>>
正则表达式
查看>>
Lepus(天兔)监控MySQL部署
查看>>
Selenium应用代码(登录)
查看>>
Node.js权威指南 (4) - 模块与npm包管理工具
查看>>
CLR Via CSharp读书笔记(18):定制Attributes
查看>>
Java_捕获到异常之后_抛出运行时异常_的好处
查看>>
JavaScript表格、表单
查看>>
中文词频统计
查看>>
时代亿信 终端安全登录产品
查看>>
如何用命令将本地项目上传到git
查看>>
Visual Studio 2017
查看>>