TypeScript 限制数组最大长度

Question

基本上我想要一个最大长度为4的数组类型。很容易，我找不到如何在 TypeScript 中实现此检查的方法。有人可以帮帮我吗？类似于这样：

const a = [item1, item2, item3, item4, *item5*] -> array has a maximum length of 4

谢谢！

- Jan Schmutz

---

不清楚您的要求。您是在询问是否需要一种类型来规定最大长度为4的数组吗？ - Aplet123

这个回答解决了你的问题吗？如何在TypeScript中声明固定长度的数组 - pilchard

@Aplet123 是的，完全正确，我进行了编辑。 - Jan Schmutz

Answer 1

TypeScript有称为元组的“固定长度”数组类型。您可以使用可选元组元素表示其长度在某个范围内，最多为4的数组。如果您想尝试保持长度限制，则建议使用readonly元组：

type ArrayOfMaxLength4 = readonly [any?, any?, any?, any?];

const a: ArrayOfMaxLength4 = [item1, item2, item3, item4, item5]; // error!
//    ~ <--  Source has 5 element(s) but target allows only 4
const b: ArrayOfMaxLength4 = [item1, item2, item3]; // okay

我在引号中加入“固定长度”，因为元组由一种特殊类型的Array表示和打字，该数组具有像push()这样可以更改长度的方法。 没有任何限制阻止您将值push到元组的末尾。

const c: [number, string] = [1, "a"];
c.push(2); // oops
c.unshift("OOPS"); // big oops, totally wrong value in tuple
console.log(c); // ["OOPS", 1, "a", 2]

有一个请求在microsoft/TypeScript#6325上停止此类情况的发生，但被拒绝了。使违反约束条件更加困难的一种方法是使用ReadonlyArray或readonly元组，它们不公开任何方法来让您改变数组。如果您想修改元素而不改变数组长度或元素类型，则可能会走得太远，但至少可以在诸如push()之类的情况下发出警告：

b.push(5); // error
//~~~~ <-- Property 'push' does not exist on type 'ArrayOfMaxLength4'

游乐场链接到代码

- jcalz

Answer 2

你正在使用Typescript，它给了你继承的额外好处。解决这个问题的最佳方式就是自己编写一个：

class FixedArrad<T> extends Array<T> {

    constructor(public readonly max: number) {
        super();
    }

    public push(value: T): number {
        if (super.length !== this.max) {
            return super.push(value);
        }
        throw new Error('Reached max capacity');
    }

    // Etc
}

- Titulum

Answer 3

你可以尝试使用Object.seal()...当你试图推入一个额外的元素时，它会抛出一个错误。

var arr: number[] = new Array(4);
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr[3] = 4;
Object.seal(arr); //Can make changes to the existing elements remaining part of it is immutable
for (var i = 0; i < arr.length; i++) {
  arr[i] = i * 3
  console.log(arr[i])
}
arr.push(20); //Error inserting an element into the array (Find it in the console)
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]) //Prints only 4 elements
}

- Ram Sankhavaram

Answer 4

如果你正在处理已经存在的数组，可以使用 array.slice(4)，或者 const a = new Array(4)。谢谢。

- Junior Khalid