ES6学习笔记(三)——字符串模板和字符串新增的操作

原创 2018年04月17日 15:32:23

1.字符串链接

以前:

现在: 用字符串模板(``)

输出结果均为:这个人叫strive,年龄是18

用字符串模板的优点:可以随意换行    `${变量名字}`


2.关于字符串的几个操作

1.str.indexoOf  ( 要找的东西)        返回索引位置(没找到返回  -1)

2.str.includes    (要找的东西)         返回值(true/false)

3.str.startWith(要检测的东西)        字符串是否以谁开头    例如可以检测地址等

4.str.starEnd(要检测的东西)           字符串是否以谁结尾    例如可以检测是否以png结尾等

5.str.reapt(次数)                             重复字符串    

6.str.padStart(整个字符串长度,填充的东西)              往前填充字符串

   str.padStart(整个字符串的长度,填充的东西)           往后填充字符串




ES6新增了一种模板字符串

模板字符串var name = '小明'; var age = 20; var message = '你好, ' + name + ', 你今年' + age + '岁了!'; alert(messa...
  • ljwnew
  • ljwnew
  • 2016-12-16 16:00:17
  • 135

es6 javascript的``模板字符串

正常使用js的数据放入页面的时候需要自己手动拼接字符串的,现在es6提供了一种模板字符串解决了这个问题模板字符串( template string )是增强版的字符串,用反引号( ` )标识。它可以当...
  • qq_30100043
  • qq_30100043
  • 2016-11-16 16:39:44
  • 2939

ES6 新增字符串函数

StringstartsWith() //检查是否以指定字符串开头,返回布尔值 let str = 'javascript'; str.startsWith('java'); endsWit...
  • Nick_php
  • Nick_php
  • 2017-06-10 15:14:46
  • 548

ES6折腾记-模板字符串

模板字符串[template string]是ES6引进来的,他有点类似我们平时使用的模板引擎【jade,handlebar这些】,但是又不是【功能相对鸡肋些,无法条件循环遍历什么的】...
  • bomess
  • bomess
  • 2016-10-27 01:17:59
  • 3077

ES6 Template String 模板字符串

语法模板字符串(Template String)是增强版的字符串,用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。...
  • zhao_shanshan
  • zhao_shanshan
  • 2016-06-30 19:29:41
  • 9474

ES6---string新增方法

ES6为js新增了很多方法,包括遍历、查询、替换等等,可以很简洁的替换ES5中的类似方法,本文不考虑codePointAt等不常用方法。 for…of: let str="wbiokr"; for(l...
  • Wbiokr
  • Wbiokr
  • 2017-03-25 16:22:58
  • 2946

es6模板字符串中标签模板作为参数时产生空元素的问题

当模板字符串作为标签模板使用时,标签函数接受到的参数分别为(arr,…values) arr:模板字符串中所有那些没有变量替换的部分 …values:各个变量替换后的值 即let a = 'Oh!';...
  • Elephant_H
  • Elephant_H
  • 2017-07-21 22:51:53
  • 404

深入浅出ES6(四):模板字符串

反撇号(`)基础知识 ES6引入了一种新型的字符串字面量语法,我们称之为模板字符串(template strings)。除了使用反撇号字符 ` 代替普通字符串的引号 ' 或 " 外,它们看起来与普通字...
  • lgh1117
  • lgh1117
  • 2016-04-28 23:00:55
  • 1095

javascript的replace+正则 实现ES6的字符串模版

采用拼接字符串的形式,将 JSON 数据嵌入 HTML 中。开始时代码量较少,暂时还可以接受。但当页面结构复杂起来后,其弱点开始变得无法忍受起来: 书写不连贯。每写一个变量就要断一下,插入一个 + 和...
  • wkyseo
  • wkyseo
  • 2016-05-20 09:26:21
  • 2063

ES6语法实现模板编译

ES6语法实现模板编译基础字符串模板var template = ` `;思路:怎么编译这个模板字符串呢?根本原理可以用ES5语法的循环拼接字符串,这里设置这个循环拼接函数为...
  • JSCTO
  • JSCTO
  • 2017-04-29 19:42:44
  • 1353
收藏助手
不良信息举报
您举报文章:ES6学习笔记(三)——字符串模板和字符串新增的操作
举报原因:
原因补充:

(最多只允许输入30个字)