美文网首页
三、字符串的扩展

三、字符串的扩展

作者: 祥仔90后 | 来源:发表于2021-10-01 22:58 被阅读0次
1、模板字符串

模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。

// 普通字符串
`In JavaScript '\n' is a line-feed.`

// 多行字符串
`In JavaScript this is
 not legal.`

console.log(`string text line 1
string text line 2`);

// 字符串中嵌入变量
let name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`


let x = 1;
let y = 2;

`${x} + ${y} = ${x + y}`
// "1 + 2 = 3"

`${x} + ${y * 2} = ${x + y * 2}`
// "1 + 4 = 5"

let obj = {x: 1, y: 2};
`${obj.x + obj.y}`
// "3"
2、字符串的新增常用方法

1、 trim(), trimStart(),trimEnd() 去空格

const s = '  abc  ';

s.trim() // "abc"
s.trimStart() // "abc  "
s.trimEnd() // "  abc"

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

let s = 'Hello world!';

s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true


let s = 'Hello world!';

s.startsWith('world', 6) // true
s.endsWith('Hello', 5) // true
s.includes('Hello', 6) // false

3、repeat() 重复
repeat方法返回一个新字符串,表示将原字符串重复n次。

'x'.repeat(3) // "xxx"
'hello'.repeat(2) // "hellohello"
'na'.repeat(0) // ""

3、replace(),replaceAll() 替换
replace():只将第一个替换。替换所有的匹配,得使用正则表达式。
replaceAll() : 替换所有的匹配

'aabbcc'.replace('b', '_')
// 'aa_bcc'

'aabbcc'.replace(/b/g, '_')
// 'aa__cc'

'aabbcc'.replaceAll('b', '_')
// 'aa__cc'

相关文章

  • ES6扩展

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

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

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

  • es6入门

    一、解构赋值 数组的解构赋值 二、 对象解构赋值 三、正则新特性 四、字符串扩展 五、数值扩展 六、数组扩展 七、...

  • ES6扩展

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

  • (三)字符串的扩展

    1、更好的支持Unicode 1)什么是UnicodeUnicode的目标是为全世界每一个字符提供全球唯一的标识符...

  • 三.字符串的扩展

    字符串的遍历器接口 es6为字符串添加了遍历器接口,使得字符串可以被 for...of循环遍历。 includes...

  • 三、字符串的扩展

    1、模板字符串 模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字...

  • ES6笔记

    一、let和const 二、变量的解构赋值 三、字符串的扩展 1、字符串遍历 除了遍历字符串,这个遍历器最大的优点...

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

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

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

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

网友评论

      本文标题:三、字符串的扩展

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