在前端开发中，有时需要对数组或对象进行排序，这时候使用 npm 包 order-js 可以大大简化代码的编写。本文将介绍如何使用 order-js。
安装
在项目目录下，打开终端，输入以下命令：
--- ------- --------
使用示例
排序数字数组
----- ----- - -------------------- ----- --- - --- -- -- -- --- -- -- ----- ------ - ---------------- ----- -------------------- -- --- -- -- -- -- -- -- ----- ------- - ---------------- ----- --------------------- -- --- -- -- -- --
排序对象数组
----- ----- - -------------------- ----- --- - - - ----- ------ ---- -- -- - ----- -------- ---- -- -- - ----- ------ ---- -- - -- -- - --- ---- ----- ------ - ---------------- ---- ------- -------------------- -- -- ----- ------ ---- -- --- ----- ------ ---- -- --- ----- -------- ---- -- -- -- - ---- ---- ----- ------- - ---------------- ---- -------- --------------------- -- -- ----- ------ ---- -- --- ----- -------- ---- -- --- ----- ------ ---- -- --
排序对象数组中的嵌套对象
----- ----- - -------------------- ----- --- - - - ----- ------ ---- --- -------- - ----- ----------- ----- ------ - -- - ----- -------- ---- --- -------- - ----- ---------- ----- ------ - -- - ----- ------ ---- --- -------- - ----- ------------ ----- ------ - - -- -- - ------------ ---- ----- ------ - ---------------- ---- ---------------- -------------------- -- - -- - ----- -------- ---- --- -------- - ----- ---------- ----- ------ - -- -- - ----- ------ ---- --- -------- - ----- ----------- ----- ------ - -- -- - ----- ------ ---- --- -------- - ----- ------------ ----- ------ - - -- - -- - ------------ ---- ----- ------- - ---------------- ---- ---------------- --------------------- -- - -- - ----- ------ ---- --- -------- - ----- ----------- ----- ------ - -- -- - ----- ------ ---- --- -------- - ----- ------------ ----- ------ - -- -- - ----- -------- ---- --- -------- - ----- ---------- ----- ------ - - -- -
API 说明
order(arr, sortType, field)
参数说明：
- arr：需要排序的数组，可以是数字数组或对象数组
- sortType：排序方式，有两个值可选，'<' 表示升序，'>' 表示降序
- field：指定按对象属性排序时，需要排序的属性字段名，可以是一个字符串或一个数组。当 arr 中元素为对象时需要用到该参数，如果不指定该参数，则默认按照整个对象进行排序。
返回值：排序后新的数组
总结
npm 包 order-js 可以方便地对数组或对象进行排序，使用起来非常简单，有很好的学习和应用价值。希望本文可以对读者有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60057bb581e8991b448eb946