迹忆客 专注技术分享

要在 TypeScript 中声明一个布尔数组，请将数组的类型设置为 boolean[]，例如 const arr: boolean[] = []。 如果我们尝试将任何其他类型的值添加到数组中，类型检查器将显示错误。

// ✅ Array of booleans with inline declaration
const arr: boolean[] = [true, false, true];

// ✅ Empty array of booleans
const arr2: boolean[] = [];

// ✅ Using a type
type BooleanArray = boolean[];

const arr3: BooleanArray = [true, false, true];

第一个示例展示了如何使用内联类型声明布尔数组。

如果我们尝试将任何其他类型的值添加到数组中，则会出现错误。

const arr: boolean[] = [true, false, true];

// ⛔️ Error: Argument of type 'string' is not
// assignable to parameter of type 'boolean'.ts(2345)
arr.push('hello');

当我们必须将数组初始化为空时，此方法非常有用。 如果你没有显式地键入一个空数组，TypeScript 会假定它的类型是 any[]。

// 👇️ const arr: any[]
const arr = [];

TypeScript 不知道我们将向数组添加什么类型的值，因此它使用非常广泛的 any 类型。

这意味着我们可以将任何类型的值添加到数组中，但我们不会从类型检查器中获得任何帮助。

我们应该始终明确设置空数组的类型。

const arr: boolean[] = [];

// ✅ Works
arr.push(true);

// ⛔️ Error: Argument of type 'string' is
// not assignable to parameter of type 'boolean'.ts(2345)
arr.push('hello');

另一方面，如果你用值初始化数组，你可以让 TypeScript 推断它的类型。

// 👇️ const arr: boolean[]
const arr = [true, false, true];

我们还可以使用类型来定义字符串数组。

type BooleanArray = boolean[];

const arr3: BooleanArray = [true, false, true];

如果我们有一个具有布尔数组属性的对象，您也可以使用接口。

interface Example {
  bools: boolean[];
}

const arr3: Example = {
  bools: [true, true, false],
};

在某些情况下，我们可能知道数组将只有 N 个特定类型的元素。 在这种情况下，我们可以使用元组。

const arr: [boolean, boolean] = [true, false];

我们在上面声明的 arr 变量是一个包含 2 个布尔值的元组。

如果我们需要声明一个只读布尔数组，请使用 Readonly 实用程序类型。

const arr: Readonly<boolean[]> = [true, false];

// ⛔️ Error: Property 'push' does not exist on
// type 'readonly boolean[]'.ts(2339)
arr.push(false);

我们将 boolean[] 类型传递给 Readonly 实用程序类型，因此该数组只能读取，但不能更改。

还有一个更具体的 ReadonlyArray 实用程序类型可以实现相同的结果。

const arr: ReadonlyArray<boolean> = [true, false];

// ⛔️ Error: Property 'push' does not exist on
// type 'readonly boolean[]'.ts(2339)
arr.push(false);

请注意，我们将 boolean 而不是 boolean[] 传递给 ReadonlyArray 实用程序类型。