TypeScript 中检查 Value 是否是(类型)数组
要检查一个值是否是 TypeScript 中特定类型的数组:
-
使用
Array.isArray()
方法检查值是否为数组。 - 遍历数组并检查每个值是否属于特定类型。
const arr: string[] = ['a', 'b', 'c'];
const isArray = Array.isArray(arr); // 👉️ true
if (Array.isArray(arr)) {
const isStringArray =
arr.length > 0 &&
arr.every((value) => {
return typeof value === 'string';
});
console.log(isStringArray); // 👉️ true
}
我们可以使用 Array.isArray
方法检查值是否为 TypeScript 中的数组。
console.log(Array.isArray([])); // 👉️ true
console.log(Array.isArray({})); // 👉️ false
console.log(Array.isArray('hello')); // 👉️ false
该方法将一个值作为参数并返回一个布尔结果 - 如果该值是一个数组则返回 true,否则返回 false。
如果需要检查值是否为特定类型的数组,则必须遍历数组的元素并检查每个元素是否为特定类型。
我们使用 Array.every()
方法遍历数组。
我们传递给 every
方法的函数会针对每个元素调用,直到它返回一个虚假值或遍历整个数组。
const arr: string[] = ['a', 'b', 'c'];
if (Array.isArray(arr)) {
const isStringArray =
arr.length > 0 &&
arr.every((value) => {
return typeof value === 'string';
});
console.log(isStringArray); // 👉️ true
}
请注意
,我们做的第一件事是检查数组是否不为空。
无论实现的条件如何,在空数组上调用
every()
方法将始终返回 true。
这就是我们检查数组是否有超过 0 个元素的原因——以避免任何误报。
如果我们传递给 every
方法的回调函数在所有迭代中都返回 true,则 every 方法也将返回 true。
这是检查数组中的所有元素是否都属于特定类型的唯一方法。
如果我们不是从远程源获取数组,例如 一个 API,并且我们使用的是 TypeScript,我们几乎可以假设该数组包含预期类型的元素,除非我们在使用该数组时使用 any
或类型断言。
相关文章
在 C 语言中获取字符数组的长度
发布时间:2023/05/07 浏览次数:166 分类:C语言
-
本文演示了如何在 C 语言中获取一个 char 数组的长度。使用 sizeof 运算符来查找字符数组的长度 数组的大小可以用 sizeof 运算符计算,而不考虑元素的数据类型。
如何在 C 语言中获取数组的大小
发布时间:2023/05/07 浏览次数:92 分类:C语言
-
本教程介绍了 C 语言中确定数组大小的方法。本教程介绍了在 C 语言中使用 sizeof()运算符的方法。
C 语言中复制字符数组
发布时间:2023/05/07 浏览次数:117 分类:C语言
-
本文介绍了如何在 C 语言中复制字符数组。使用 memcpy 函数在 C 语言中复制一个字符数组 char 数组可能是 C 代码中最常用的数据结构,复制数组内容是它的核心操作之一。
Django ArrayField 数组字段
发布时间:2023/05/04 浏览次数:168 分类:Python
-
在本文中,我们将学习在 Django 数据库模型中使用 ArrayFields。Django中的ArrayField类似于Java、C、C++等其他编程语言中的数组数据结构,存储相同数据类型的多个值。
计算 Java 数组中的重复元素
发布时间:2023/05/01 浏览次数:202 分类:Java
-
本篇文章介绍Java计算数组中重复元素的方法。计算 Java 数组中的重复元素。我们可以创建一个程序来计算数组中的重复元素。 该数组可以是未排序的,也可以是已排序的。
在 AngularJs 中设置 Select From Typescript 的默认选项值
发布时间:2023/04/14 浏览次数:78 分类:Angular
-
本教程提供了在 AngularJs 中从 TypeScript 中设置 HTML 标记选择的默认选项的解释性解决方案。
在 Angular 中使用 TypeScript 的 getElementById 替换
发布时间:2023/04/14 浏览次数:153 分类:Angular
-
本教程指南提供了有关使用 TypeScript 在 Angular 中替换 document.getElementById 的简要说明。这也提供了在 Angular 中 getElementById 的最佳方法。