美文网首页ES6
ES6学习-字符串模板

ES6学习-字符串模板

作者: YINdevelop | 来源:发表于2018-03-02 16:10 被阅读4次

1.字符串的拼接(格式:`${变量}`)

es6字符串模版不再使用'xxx'这样的单引号,而是使用`字符串`。

demo1

//es5

let a='str1'
let b='字符串'+a+'拼接'
console.log(b); //字符串str1拼接

//es6

let a='str1'
let b=`字符串${a}拼接`
console.log(b); //字符串str1拼接

2.字符串的运算

es6支持在字符串中计算

demo1

let a=1;
let b=2;
let result=`${a+b}`;
console.log(result); //3

3.字符串的查找

1.查找字符串(格式:str.includes(要查找的字符串))

如果匹配成功,结果为true,失败为false

demo1

let test = '测试';
let result = '在字符串模版中测试文字。';
console.log(result.includes(test)); //true

2.判断开头是否存在:

str.startsWith(要查找的字符串)

3.判断结尾是否存在:

str.endsWith(要查找的字符串)

demo2

let test = '测试';
let test1='文字'
let result = '在字符串模版中测试文字。';
console.log(result.startsWith(test)); //false
console.log(result.endsWith(test1)); //true

4.复制字符串(格式:str.repeat(数字))

此方法可以用来生成重复字符串

demo3

console.log('test|'.repeat(3)); //test|test|test|

相关文章

  • ES6模版字符串

    初探ES6:字符串模板 && 标签模板 关键词:``,${} 字符串模板: 在ES6之前我们要在html或者con...

  • 21.模板字符串和标签模板字符串

    ES6新增了模板字符串,用于字符串拼接 ES6新增了标签字符串 标签模板字符串执行结果: 函数的第一个参数为数组,...

  • ES6常用新特性

    ES6新特性介绍 模板字符串 模板字符串实现字符串拼接 模板字符串实现多行字符串 结构赋值 对象的解构赋值 数组的...

  • TypeScript字符串新特性

    多行字符串 1. 多行字符串 其中 `` 用来定义 ES6 中的模板字符串,${expr} 用来在模板字符串中嵌...

  • es6、es7常用特性

    1、模板字符串模板字符串 不使用ES6 使用+号降变量拼接喂字符串 例:var name ='My name is...

  • ES6入门用法&字符串模板

    字符串模板 传统的JavaScript的输出模板是 ES6引入了模板字符串来解决这个问题 用反引号(`)来标识

  • 【基础知识】消除ES6模板字符串中的空格

    转:消除ES6模板字符串中的空格 在开发中经常要用模板字符串,在拼接HTML文件时会遇到模板字符串中的空格问题比如...

  • (五)ES6字符串模板箭头函数字面量

    本节知识点 字符串模板 箭头函数 字面量 字符串模板 在ES6里面字符串模板就是为了不用再把字符串拼接起来,省的有...

  • ES6之字符串的扩展(下)

    上一节中,我们学习了模板字符串和标签模板,这一节,我们接着来看一下ES6还对字符串添加了哪些新特性。 repeat...

  • ES6学习笔记

    ES6学习笔记之字符串模板 对运算的支持let a=1;let b=2;let result=${a+b};doc...

网友评论

    本文标题:ES6学习-字符串模板

    本文链接:https://www.haomeiwen.com/subject/bjvaxftx.html