什么是 sorted-immutable-list
sorted-immutable-list 是一个基于 Immutable.js 的数据结构，它提供了排序、分页等常用的操作，并且所有的操作都是不可变的，即原数据不会被改变。这个包可以广泛用于前端项目中，尤其是需要频繁操作复杂数据结构的场景中，比如表格、列表等。
安装 sorted-immutable-list
使用 npm 可以非常方便地安装 sorted-immutable-list：
npm install sorted-immutable-list --save
使用 sorted-immutable-list
初始化
首先，在项目中引入 sorted-immutable-list：
import { SortedImmutableList } from 'sorted-immutable-list';接着，我们需要定义一个数据源 dataSource，可以是从后端接口获取的数据，也可以手动创建一个数据源。
const dataSource = [{ id: 1, name: '小明', age: 18 }, { id: 2, name: '小红', age: 20 }, { id: 3, name: '小刚', age: 16 }];接下来，我们需要定义一个 schema，指定每列的数据类型。
const schema = {
id: { type: 'number' },
name: { type: 'string' },
age: { type: 'number' }
};在定义完 schema 后，我们就可以创建一个 SortedImmutableList 实例了：
const sortedList = new SortedImmutableList(dataSource, schema);
排序
sorted-immutable-list 提供了两种排序方式：单列排序和多列排序。
单列排序
单列排序非常简单，只需要指定排序的列名和排序方式（asc 或 desc）即可。
const sortedByAge = sortedList.sortBy('age', 'asc');
const sortedByName = sortedList.sortBy('name', 'desc');多列排序
多列排序是 sorted-immutable-list 提供的有趣特性之一，可以方便地实现多条件排序。例如，我们可以先按照年龄排序，再按照姓名排序：
const sortedByAgeAndName = sortedList.sortBy(
[{ column: 'age', order: 'asc' }, { column: 'name', order: 'desc' }]
);分页
sorted-immutable-list 也提供了分页功能，可以方便地实现前端分页。
// 分页，每页显示 2 条记录，获取第 2 页的数据 const pagedData = sortedList.page(2, 2);
修改数据
由于 sorted-immutable-list 的数据操作是不可变的，因此无法直接修改数据。如果需要修改数据，只能创建一个新的 SortedImmutableList 实例。
const updatedData = [{ id: 1, name: '小明', age: 20 }, { id: 2, name: '小红', age: 22 }];
const updatedList = new SortedImmutableList(updatedData, schema);示例代码
下面是一个完整的示例代码，你可以在自己的项目中运行这段代码，看看 sorted-immutable-list 的效果：
-- -------------------- ---- ------- ------ - ------------------- - ---- ------------------------ ----- ---------- - - - --- -- ----- ----- ---- -- -- - --- -- ----- ----- ---- -- -- - --- -- ----- ----- ---- -- - -- ----- ------ - - --- - ----- -------- -- ----- - ----- -------- -- ---- - ----- -------- - -- ----- ---------- - --- ------------------------------- -------- -- ------------ ----- ----------- - ------------------------ ------- ----------------------------------- -- ------------ ----- ------------ - ------------------------- -------- ------------------------------------ -- ---------------------- ----- ------------------ - ------------------ -- ------- ------ ------ ----- -- - ------- ------- ------ ------ -- -- ------------------------------------------ -- ------- - --- ----- --------- - ------------------ --- --------------------------------- -- ---- ----- ----------- - - - --- -- ----- ----- ---- -- -- - --- -- ----- ----- ---- -- - -- ----- ----------- - --- -------------------------------- -------- -----------------------------------
指导意义
sorted-immutable-list 是一个非常好用的 npm 包，它可以方便地实现前端项目中的排序、分页等常用功能。此外，由于它的所有操作都是不可变的，因此在多人协作的项目中也更加安全可靠。如果你在做前端开发，那么建议你学习一下 sorted-immutable-list，相信会对你的工作有很大帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f2289bb403f2923b035c6c7