字符串扩展

作者: 好奇男孩 | 来源:发表于2018-05-13 02:41 被阅读15次

ES6 加强了对 Unicode 的支持,并且扩展了字符串对象

字符的 Unicode 表示法

//es5
"\uD842\uDFB7"
// "𠮷"
"\u20BB7"
// " 7"
//es6
"\u{20BB7}"
// "𠮷"

for...of循环遍历

for (let code of 'foo') {
  console.log(code)
}
// "f"
// "o"
// "o"

repeat()

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

'hello'.repeat(2) // "hellohello"

padStart(),padEnd()

padStart()用于头部补全,padEnd()用于尾部补全

'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'

'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

字符串模板

let website = 'xiaohui'
let who = 'You'
let str = `Hi
This is ${website}.
${who} can study frontend here
'
console.log(str)

多行字符串

let str =`
Hi,
This is baidu.com.
You can study frontend here.
`
console.log(str)

标签模板

是函数调用的一种特殊形式..紧跟在后面的模板字符串就是它的参数。

alert`123`
// 等同于
alert(123)

模板字符里面有变量,就不是简单的调用了,而是会将模板字符串先处理成多个参数,再调用函数

let a = 5;
let b = 10;

tag`Hello ${ a + b } world ${ a * b }`;
// 等同于
tag(['Hello ', ' world ', ''], 15, 50);

相关文章

  • ES6扩展

    字符串扩展 正则扩展 数值扩展 函数扩展 对象扩展 数组扩展 字符串扩展 模版字符串 部分新的方法 padStar...

  • 2017-12-26es6-函数扩展

    扩展 1、字符串扩展 2、模板字符串 **** 3、数值扩展 4、函数扩展用于分页居多 rest 参数 ...变量...

  • ES6扩展

    字符串的扩展正则的扩展数值的扩展数组的扩展函数的扩展对象的扩展

  • ES6基础-ES6的扩展

    进行对字符串扩展,正则扩展,数值扩展,函数扩展,对象扩展,数组扩展。 开发环境准备: 编辑器(VS Code, A...

  • JS基础系列(X): ES6入门

    字符串扩展 模板字符串模板字符串可以很方便的代替ES5字符串拼接,格式如下: 代码示例 API 函数扩展 函数默认...

  • Vue项目开发与规范--es6语法规范篇

    目录 简介 let const 解构赋值 正则的扩展 字符串的扩展 数值的扩展 数组的扩展 函数的扩展 对象的扩展...

  • ECMAScript 6 新增内容

    变量的扩展letconst变量的结构 字符串的扩展及新增方法模板字符串 (`${}`)matchAll 方法返回一...

  • iOS Emoji编解码(OBJ-C/Swift)

    编码EMOJI表情字符串OBJ-C:扩展NSString Swift: 解码EMOJI表情字符串OBJ-C扩展NS...

  • 十五、字符串转数字

    字符串转数组 字符串 *待扩展:传递与复制扩展 函数式编程和改变原始数据的编程方法

  • 2019-10-10

    今天写了字符串扩展代码

网友评论

    本文标题:字符串扩展

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