npm 包 lodash.sortBy 使用教程

阅读时长 4 分钟读完

什么是 lodash.sortBy?

lodash.sortBy 是一个基于 lodash 库的 JavaScript 排序工具。它提供了一种简单而强大的方式对数组进行排序,并支持多个排序条件和自定义排序函数。

如何使用 lodash.sortBy?

首先需要安装 lodash 和 lodash.sortBy:

然后在你的代码中引入 lodash 和 lodash.sortBy:

现在我们可以开始使用 sortBy 函数对数组进行排序了。sortBy 函数接受两个参数:要排序的数组和排序条件。排序条件可以是一个字符串、一个函数或一个数组。

排序字符串

如果排序条件是一个字符串,sortBy 函数将按照该字符串指定的属性名对数组进行升序排序。

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

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

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

排序函数

如果排序条件是一个函数,sortBy 函数将根据该函数返回的值对数组进行排序。

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

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

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

多重排序

如果我们想要按照多个属性对数组进行排序,可以将这些属性名作为一个数组传递给 sortBy 函数。

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

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

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

自定义排序函数

有时候我们需要根据自己的需求编写一个排序函数。可以将该函数作为第二个参数传递给 sortBy 函数。

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

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

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

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

结语

lodash.sortBy 提供了一种简单而强大的方式对数组进行排序。它支持多个排序条件和自定义排序函数,可以满足不同场景下的排序需求。希望本文能够对你有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/41338

纠错
反馈