NPM 包 underscore.string-2 使用教程

前言

Underscore.js 是一个非常优秀的 JavaScript 工具库，但是它本身在字符操作方面却有些不足。Underscore.string-2 是一个基于此的扩展库，可以提供更加特殊的字符串操作，而且是对原有 API 的扩展，所以对于 working with underscores 非常友好。在前端开发中，字符串操作近乎是必不可少的，所以本文将为大家讲解如何使用 underscore.string-2。

安装

underscore.string-2 可以通过 NPM 安装，运行以下命令：

npm install underscore.string-2 --save

安装完之后，在使用前需要引入：

import _s from 'underscore.string';

常用 API

capitalize

将第一个字母大写。

_s.capitalize('hello world'); // 'Hello world'

reverse

返回反转后的字符串。

_s.reverse('hello world'); // 'dlrow olleh'

trim

去除字符串前后空格。

_s.trim('   hello world   '); // 'hello world'

escapeHTML

转义 HTML 实体字符。

_s.escapeHTML('<div>Hello "world"!</div>'); // '&lt;div&gt;Hello &quot;world&quot;!&lt;/div&gt;'

unescapeHTML

反转义 HTML 实体字符。

_s.unescapeHTML('&lt;div&gt;Hello &quot;world&quot;!&lt;/div&gt;'); // '<div>Hello "world"!</div>'

splice

字符串截取，同时支持负数索引。

_s.splice('hello world', 2, 5, '123'); // 'he123world'
_s.splice('hello world', -5, -2, '123'); // 'hello 123ld'

insert

在字符串中插入子字符串。

_s.insert('hello world', 2, '123'); // 'he123llo world'

truncate

截取字符串，并在末尾添加省略号。

_s.truncate('hello world', 5); // 'hello...'

clean

去除字符串中的控制字符。

_s.clean('h\ne\nl\rlo\t\tworl\bd'); // 'hello world'

toNumber

将字符串转化为数字类型。

_s.toNumber('12345.67890'); // 12345.6789

contains

判断字符串中是否含有子字符串。

_s.contains('hello world', 'hello'); // true

count

统计子字符串在一个字符串中出现的次数。

_s.count('hello world', 'o'); // 2

更多 API 请查看 github 官方文档。

示例代码

-- -------------------- ---- -------
------ -- ---- --------------------

----- --- - ------ -------
----- ------ - --------------
----- ------- - ----------- ----------------

--------------------------------              -- ------ ------
-----------------------------                 -- ------ ------
---------------------   ----- -----   ----    -- ------ ------
------------------------------------          -- ----------------- -------------------------------
-----------------------------------------------------   -- ----------- ---------------
-------------------------- -- -- --------     -- ------------
-------------------------- -- --------        -- --------- ------
---------------------------- ----             -- ----------
------------------------------------------------        -- ------ ------
---------------------------------             --  ----------
---------------------------- ----------       -- ----
------------------------- ------              -- -

结语

underscore.string-2 是一个非常优秀的 JavaScript 字符串操作库，弥补了 Underscore.js 在字符操作方面的不足。在前端开发中，字符串操作近乎是必不可少的，所以深入学习 underscore.string-2 是非常有益的。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055b7f81e8991b448d90ad