ES6字符串新增方法:includes、startsWith、endsWith与repeat详解

作者:青柠时间:2026-10-23 09:51:26浏览:503

本文整理ES6中String对象新增的常用方法,重点讲解includes、startsWith和endsWith的用法及第二个参数起始位置的作用,并演示repeat方法重复字符串的功能。通过具体代码示例展示各方法的运行结果,帮助开发者快速掌握ES6字符串操作技巧。

ES6字符串新增方法概述

本文实例整理了ES6中String字符串新增的常用方法,供读者参考学习。

includes、startsWith与endsWith方法测试

测试字符串的includes、startsWith和endsWith方法。

常规使用方式如下:


<script>
var str = 'Hello';
console.log(str.indexOf('o')); // 4
console.log(str.includes('e')); // true
console.log(str.startsWith('H')); // true
console.log(str.endsWith('e')); // false
</script>

运行结果如下:

ES6字符串新增方法概述

为上述方法添加第二个参数,用于指定查询的起始位置:


<script>
var str = 'Hello';
console.log(str.includes('e',1)); // true
console.log(str.startsWith('e',1)); // true
console.log(str.endsWith('l',3)); // true
</script>

运行结果如下:

ES6字符串新增方法概述

repeat方法演示

演示实用的repeat方法。


<script>
var str = 'Hello';
var res = str.repeat(3);
console.log(res); // HelloHelloHello
</script>

运行结果如下:

ES6字符串新增方法概述

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

String 中更多的API【官方文档】用时可查询

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String

更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

作者最新文章