ES6 字符串

字符串识别

ES6 之前判断字符串是否包含某字符串,用 indexOf 方法,ES6 新增了字符串的识别方法。

  • includes():返回布尔值,判断是否找到参数字符串。
  • startsWith():返回布尔值,判断参数字符串是否存在原字符串头部。
  • endsWith():返回布尔值,判断参数字符串是否存在原字符串尾部。

以上三个方法都可以接受两个参数,需要搜索的字符串(必选)和搜索起始位置索引(可选)。如下图
在这里插入图片描述

字符串补全

  • padStart():返回新的字符串,表示用参数字符串从原字符串头部补全。
  • padEnd():返回新的字符串,表示用参数字符串从原字符串尾部补全。

以上两个方法接受两个参数,第一个参数是指定生成的字符串的最大长度,第二个参数是用来补全的字符串。如果没有指定第二个参数,默认用空格填充。如下图
在这里插入图片描述
注意要点

  • 如果指定的长度小于或者等于原字符串的长度,则返回原字符串
  • 如果原字符串加上补全字符串长度大于指定长度,则截去超出位数的补全字符串
    在这里插入图片描述

字符串重复

  • repeat():返回新的字符串,表示将字符串重复指定次数返回(包含原字符串)。
    在这里插入图片描述

注意要点

  • 如果参数是小数则向下取整
  • 如果参数是 0 至 -1 之间的小数,会进行取整运算,0 至 -1 之间的小数取整得到 -0 ,等同于 repeat 零次,repeat零次将会返回一个空字符串
  • 如果参数是 NaN,等同于 repeat 零次
  • 如果参数是负数或者 Infinity(无限大) ,会报错
  • 如果传入的参数是字符串,则会先将字符串转化为数字

模板字符串

定义:模板字符串相当于加强版的字符串,用反引号(Tab键上方),除了作为普通字符串,还可以用来定义多行字符串,还可以在字符串中加入变量和表达式。

  • 普通字符串
    在这里插入图片描述
  • 多行字符串
    在这里插入图片描述
  • 字符串插入变量和表达式。使用${},${}中可以放入 JavaScript 表达式,变量,函数。
    在这里插入图片描述

注意要点

  • 模板字符串中的空格和换行都会被保存
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值