ES6小实验-字符串的扩展

最新推荐文章于 2021-08-11 15:00:04 发布

转载最新推荐文章于 2021-08-11 15:00:04 发布 · 45 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fengz/p/6661316.html

本文介绍了ES6中新增的字符串操作方法，如includes(), startsWith(), endsWith(), repeat()等，并演示了如何使用这些方法进行字符串处理。同时，还探讨了ES7中字符串长度补全功能padStart()和padEnd()的用法，以及模板字符串的使用技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ES6里面的对字符串的扩展实际上就是增加了一些方法，使对字符串的操作更加完善，下面做几个小实验来验证下：

　　includes(): 返回布尔值，表示是否找到了参数字符串，支持第二的参数，表示开始的位置

'use strict';

var s = 'Hello world!';
console.log(s.includes('Hello'));//true

　　startsWith(): 返回布尔值，表示参数字符串是否在源字符串的头部，支持第二的参数，表示开始的位置

'use strict';

var s = 'Hello world!';
console.log(s.startsWith('Hello'));//true

　　endsWith(): 返回布尔值，表示参数字符串是否在源字符串的尾部，支持第二的参数，表示开始的位置

'use strict';

var s = 'Hello world!';
console.log(s.endsWith('Hello'));//false

　　repeat(): 表示将原字符串重复n次

'use strict';

var s = 'Hello world!';
console.log(s.repeat(3));//Hello world!Hello world!Hello world!

　　ES7推出了字符串长度补全功能，padStart(),padEnd(),它们接收两个参数，第一个用来指定字符串的最小长度，第二个用来补全字符串

'use strict';

var s = 'x';
console.log(s.padStart(5, 'ab'));//ababx
console.log(s.padEnd(4, 'ab'));//xaba

　　如果用来补全的字符串与原字符串，两者的长度之和超过了指定的最小长度，则会截去超出位数的补全字符串

'use strict';

var s = '09-12';
console.log(s.padStart(10, 'YYYY-MM-DD'));//YYYY-09-12

模板字符串

　　模板字符串中嵌入变量，需要将变量名写在 ${} 之中

'use strict';

var name = "bob"
var time = "today"

console.log(`hello ${name},how are you ${time}`)//hello bob,how are you today

转载于:https://www.cnblogs.com/fengz/p/6661316.html