1.04 TypeScript高级函数：some和every的使用来源

TypeScript 中的 some 和 every 是两个非常有用的数组方法, 用于检查数组元素是否满足特定条件。以下是这两个方法的详细说明和使用示例:

some 方法

some 方法用于检查数组中是否至少有一个元素满足给定的条件。

语法

array.some((element, index, array) => {
  // 返回一个布尔值
});

示例

1. 检查数组中是否存在偶数:

const numbers = [1, 3, 5, 7, 8, 9];
const hasEven = numbers.some(num => num % 2 === 0);
console.log(hasEven); // 输出: true

2. 检查数组中是否存在特定对象:

interface User {
  name: string;
  age: number;
}
 
const users: User[] = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 }
];
 
const hasUserOver30 = users.some(user => user.age > 30);
console.log(hasUserOver30); // 输出: true

every 方法

every 方法用于检查数组中的所有元素是否都满足给定的条件。

语法

array.every((element, index, array) => {
  // 返回一个布尔值
});

示例

1. 检查数组中是否所有元素都是偶数:

const numbers = [2, 4, 6, 8, 10];
const allEven = numbers.every(num => num % 2 === 0);
console.log(allEven); // 输出: true

2. 检查数组中所有用户是否都成年:

interface User {
  name: string;
  age: number;
}
 
const users: User[] = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 }
];
 
const allAdults = users.every(user => user.age >= 18);
console.log(allAdults); // 输出: true

some 和 every 的区别

• some: 只要有一个元素满足条件就返回 true，如果所有元素都不满足条件才返回 false。
• every: 只有所有元素都满足条件才返回 true，只要有一个元素不满足条件就返回 false。

实际应用示例

1. 表单验证:

interface FormField {
  value: string;
  isValid: boolean;
}
 
const formFields: FormField[] = [
  { value: 'John', isValid: true },
  { value: 'john@example.com', isValid: true },
  { value: '', isValid: false }
];
 
const isFormValid = formFields.every(field => field.isValid);
console.log(isFormValid); // 输出: false

2. 权限检查:

interface User {
  name: string;
  permissions: string[];
}
 
const currentUser: User = {
  name: 'Alice',
  permissions: ['read', 'write']
};
 
const requiredPermissions = ['read', 'write', 'delete'];
 
const hasAllPermissions = requiredPermissions.every(perm => 
  currentUser.permissions.includes(perm)
);
 
console.log(hasAllPermissions); // 输出: false

通过这些示例, 我们可以看到 some 和 every 方法在 TypeScript 中的强大功能。它们可以帮助我们简化代码, 提高可读性, 并且在处理数组和集合时非常有用。

Citations: [1] https://cloud.tencent.com/developer/article/1986722 [2] https://developer.baidu.com/article/details/2836034 [3] https://juejin.cn/post/7118628921108594725 [4] https://www.cnblogs.com/keatkeat/p/16817229.html [5] https://github.com/xiao-T/note/blob/master/Published/typescript/Advanced-TypeScript-Types-with-Examples.md