博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
es6学习笔记--字符串的扩展、数组的扩展、对象的扩展
阅读量:5945 次
发布时间:2019-06-19

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

字符串的扩展

1.字符串的遍历器接口

  • 字符串可以被for...of循环遍历。

与es5的比较

for循环虽可以遍历字符串,但不能识别大于oxFFFF的编码;

2.位置 --> 字符/码点

根据指定位置返回对应的字符和码点

es5:

  • charCodeAt() 码点
  • charAt() 字符

es6: ---优势,能识别大于oxFFFF的编码;

  • codePointAt()--返回码点
  • at()--返回字符 (目前es6还未实现,需要通过实现)
let hhh='fdf';hhh.charAt(1);// "d"hhh.charCodeAt(1);// 100hhh.codePointAt(1);// 100hhh.at(1)// Uncaught TypeError: hhh.at is not a function

3.码点 --> 字符

根据码点返回对应的字符

  • es5:String.fromCharCode(0x20BB7); 定义在String对象上
  • es6:String.fromCodePoint();定义在字符串的实例对象上。--能识别32位字符。即能识别Unicode编号大于oxFFFF;
String.fromCharCode(100)"d"String.fromCodePoint(0x20BB7)// "?"String.fromCodePoint(100,100,100)// ddd

4.查询字符串是否包含某个字符

es5:

  • indexOf()

es6:

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

都支持第二个参数,表示开始搜索的位置。

let s = 'Hello world!';s.startsWith('world', 6) // trues.endsWith('Hello', 5) // trues.includes('Hello', 6) // false

5.repeat(n)

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

参数如果是小数,会被取整

'x'.repeat(3) // "xxx"'hello'.repeat(2) // "hellohello"'na'.repeat(0) // ""'na'.repeat(2.9) // "nana"'na'.repeat(Infinity)// RangeError'na'.repeat(-1)// RangeError参数NaN等同于 0

6.字符串补全长度的功能

padStart(minlength,string)用于头部补全,

padEnd(minlength,string)用于尾部补全
用途:

  • 提示字符串格式;
  • 为数值补全指定位数
'x'.padStart(5, 'ab') // 'ababx''x'.padStart(4, 'ab') // 'abax''x'.padEnd(5, 'ab') // 'xabab''x'.padEnd(4, 'ab') // 'xaba''xxx'.padStart(2, 'ab') // 'xxx''xxx'.padEnd(2, 'ab') // 'xxx''x'.padStart(4) // '   x''x'.padEnd(4) // 'x   ''12'.padStart(10, 'YYYY-MM-DD') // "YYYY-MM-12"'09-12'.padStart(10, 'YYYY-MM-DD') // "YYYY-09-12"

转载地址:http://luzxx.baihongyu.com/

你可能感兴趣的文章
Charpter5 软件测试总结
查看>>
python中@staticmethod、@classmethod和实例方法
查看>>
Java创建数组的三种方法
查看>>
管理计算机内存
查看>>
some requirement checks failed
查看>>
存储管理
查看>>
HDU-2089-不要62
查看>>
供应商接口的使用
查看>>
Latex学习笔记0
查看>>
css控制div强制换行
查看>>
ios 底部用定位 fixed。在软件盘出来后,页面元素被顶上去一部分,fixed定位的footer也跑到了上面去。解决方法...
查看>>
HDU1257题解
查看>>
Iterator
查看>>
Spring MVC整合Velocity
查看>>
fiddler+android抓包工具配置使用
查看>>
Spring Data JPA 复杂/多条件组合分页查询
查看>>
css文本 颜色1
查看>>
博客搬家了
查看>>
JavaScript中的作用域,闭包和上下文
查看>>
Python中使用ElementTree解析xml
查看>>