在前端开发过程中，数组是一种很常见的数据结构。而 TypeScipt 在类型检查方面提供了很好的支持，不仅可以在编写代码时帮助避免一些类型错误，而且在更改代码后重构也能够更轻松。但是 TypeScript 自带的数组类型并不能完全满足我们的需求，今天介绍一款 npm 包 ts-array，提供了一系列针对 TypeScript 数组的增删改查方法。
安装
使用 npm 或者 yarn 安装 ts-array
npm install ts-array yarn add ts-array
使用
在 TypeScript 中使用 ts-array，首先需要引入这个 npm 包：
import { TsArray } from 'ts-array';创建数组
创建一个数组，将一个普通数组传入构造函数即可：
const arr: TsArray<number> = new TsArray([1, 2, 3]);
获取数组元素
使用 get 方法获取数组中的元素。该方法有一个参数，即需要获取的元素的下标：
const element: number | undefined = arr.get(1); // 2
修改数组元素
使用 set 方法修改数组中的元素。该方法有两个参数，第一个参数是需要被修改的元素的下标，第二个参数是需要修改成的值：
arr.set(1, 8); // [1, 8, 3]
数组元素查找
使用 indexOf 或 lastIndexOf 方法查找数组中某个元素的位置。这两个方法都有一个参数，即需要查找的元素的值，而且 lastIndexOf 方法会从数组末尾开始查找：
const index: number = arr.indexOf(2); // 1 const lastIndex: number = arr.lastIndexOf(2); // -1
数组元素插入
使用 insert 方法插入一个元素。该方法有两个参数，第一个参数是需要插入元素的下标，第二个参数是需要插入的元素的值：
arr.insert(1, 4); // [1, 4, 2, 3]
数组元素删除
使用 remove 方法删除一个元素。该方法有一个参数，即需要删除的元素的下标：
arr.remove(1); // [1, 2, 3]
数组长度
使用 length 属性获取数组的长度：
const length: number = arr.length; // 3
TypeScript 类型检查
由于 ts-array 是针对 TypeScript 数组的操作，因此它支持更高级的类型检查。
在创建一个 ts-array 对象时，需要指定元素的类型：
const arr: TsArray<string> = new TsArray(['a', 'b', 'c']);
通过指定元素类型，ts-array 就能够在编译时对数组进行类型检查，避免程序运行时出现类型错误。
示例代码
-- -------------------- ---- ------- ------ - ------- - ---- ----------- ----- ---- --------------- - --- ----------- -- ---- ------------------------ -- - ---------- --- ----------------- -- --- -- -- ----- ------ ------ - --------------- ------------------- -- -- ------------- --- ----------------- -- --- -- -- -- -------------- ----------------- -- --- -- --
总结
TsArray 使用简单，提供了一系列常规操作，而且属性和方法的命名也比较清晰。对于 TypeScript 数组的使用，它能够很好地补充 TypeScript 自带的数组类型。同时，在开发过程中，类型检查也能够保证程序的健壮性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cf681e8991b448e6bcb