前言
在前端开发中，常常需要对字符串进行判断、筛选等操作。ES6 中提供了 startsWith() 方法，但是在一些旧的浏览器中并未实现该方法。为了兼容这些浏览器，我们可以使用 npm 包 string.prototype.startswith，这个包为字符串原型添加了 startsWith 方法，在任何浏览器下都可用。
安装
在命令行中输入以下命令进行安装：
npm install string.prototype.startswith --save
使用 --save 参数可以将该包添加到你的项目中的 dependencies 中。
使用方法
以下是使用该包的简单使用方法：
const startsWith = require('string.prototype.startswith');
const str = 'hello world';
console.log(str.startsWith('hello')); // true
console.log(str.startsWith('world')); // false深入理解
在上面的例子中我们直接使用了 startsWith 方法，但实质上它是字符串原型的一个方法。所以我们也可以像下面这样使用：
const str = 'hello world'; console.log(String.prototype.startsWith.call(str, 'hello')); // true console.log(String.prototype.startsWith.call(str, 'world')); // false
接下来我们来看一下 startsWith 的具体实现。
if (!String.prototype.startsWith) {
String.prototype.startsWith = function (searchString, position) {
position = position || 0;
return this.indexOf(searchString, position) === position;
};
}可以看到，它本质上就是在字符串原型上添加了一个 startsWith 方法，其具体实现是判断字符串中的指定位置是否与相应的字符串相等。
这里的 position 参数表示需要从字符串的哪个位置开始进行匹配，默认为 0。如果不指定该参数，则从字符串的开头开始匹配。
示例代码
下面是一个完整的示例代码，展示了该包的详细使用方法以及在不同场景下的应用。
-- -------------------- ---- ------- ----- ---------- - --------------------------------------- -- ----- ----- --- - ------- ------------ -- --------------- ------------------------------------- -- ---- ------------------------------------------ -- ----- -- --------- ------------------------------- ---- -- ---- ------------------------------- ----- -- ---- -- -- -------------------------------- -- ------------------------------------------------- ---------- -- ---- ------------------------------------------------- --------------- -- ----- -- -- ------ ---- ----- --- - --------- -------- ------------- --------------- ----- ----------- - ----------------------------------- ---------- ------------------------- -- --------- ------- ------------ -- ----------- ----- ------------ - ----------- -- ----------- ------ -- ------ - - - ---------------------------- - --------------------------- - -------------------- ---------- -------------------------- -- ------------------
总结
使用 npm 包 string.prototype.startswith 可以确保在任何浏览器下都能使用 startsWith 方法。在实际开发中，我们可以结合该包和其他函数一起使用，来更方便地进行字符串相关操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/59814