资讯专栏INFORMATION COLUMN

es6学习笔记--字符串的扩展、数组的扩展、对象的扩展

不知名网友 / 2500人阅读

摘要:字符串的扩展字符串的遍历器接口字符串可以被循环遍历。即能识别编号大于查询字符串是否包含某个字符返回布尔值,表示是否找到了参数字符串。返回布尔值,表示参数字符串是否在原字符串的头部。

字符串的扩展 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);
// 100
hhh.codePointAt(1);
// 100
hhh.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)
// ffffd
4.查询字符串是否包含某个字符

es5:

indexOf()

es6:

includes():返回布尔值,表示是否找到了参数字符串。

startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。

endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部

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

let s = "Hello world!";

s.startsWith("world", 6) // true
s.endsWith("Hello", 5) // true
s.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"

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/93984.html

相关文章

  • es6学习笔记-函数扩展_v1.0_byKL

    摘要:学习笔记函数扩展函数参数的默认值如果参数默认值是变量,那么参数就不是传值的,而是每次都重新计算默认值表达式的值。属性函数的属性,返回该函数的函数名。箭头函数详细链接参考引用函数扩展 es6学习笔记-函数扩展_v1.0 函数参数的默认值 function Point(x = 0, y = 0) { this.x = x; this.y = y; } var p = ne...

    yuanzhanghu 评论0 收藏0
  • es6学习笔记-符串扩展_v1.0_byKL

    摘要:学习笔记字符串的扩展字符的表示法允许使用的形式表示一个字符,但在之前,单个码点仅支持到,超出该范围的必须用双字节形式表示,否则会解析错误。返回布尔值,表示参数字符串是否在源字符串的头部。,是引入了字符串补全长度的功能。 es6学习笔记-字符串的扩展_v1.0 字符的Unicode表示法 JavaScript 允许使用uxxxx的形式表示一个字符,但在 ES6 之前,单个码点仅支持u00...

    JaysonWang 评论0 收藏0
  • ES6标准入门》读书笔记

    摘要:标准入门读书笔记和命令新增命令,用于声明变量,是块级作用域。用于头部补全,用于尾部补全。函数调用的时候会在内存形成一个调用记录,又称为调用帧,保存调用位置和内部变量等信息。等到执行结束再返回给,的调用帧才消失。 《ES6标准入门》读书笔记 @(StuRep) showImg(https://segmentfault.com/img/remote/1460000006766369?w=3...

    HollisChuang 评论0 收藏0
  • ES6学习笔记2—各扩展

    摘要:字符串的扩展字符的表示法允许采用形式表示一个字符,其中表示字符的码点。返回布尔值,表示参数字符串是否在源字符串的头部。使用和这两个常量,用来表示这个范围的上下限。对于那些无法用个二进制位精确表示的小数,方法返回最接近这个小数的单精度浮点数。 字符串的扩展 字符的 Unicode 表示法 JavaScript 允许采用uxxxx形式表示一个字符,其中xxxx表示字符的 Unicode 码...

    Zoom 评论0 收藏0
  • ES6学习笔记

    摘要:学习笔记在学习的过程中做的一些记录,用于未来的快速回忆。数组成员为时,默认值仍会生效因为在内部使用严格相等运算符,判断一个位置是否有值,所以当一个数组成员严格等于默认值才会生效。 ES6学习笔记 在学习ES6的过程中做的一些记录,用于未来的快速回忆。 let&const 作用域的概念 ES6新增块级作用域的概念(一个大括号括起来的部分就是一个块作用域) let与const用于在块级作...

    mengbo 评论0 收藏0

发表评论

0条评论

不知名网友

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<