TypeScript中使用泛型函数解决多类型数组求和问题

作者:佚名 上传时间:2023-12-16 运行软件:Visual Studio Code 软件版本:TypeScript 4.5.4 版权申诉

泛型函数在TypeScript中是一种强大的工具,它们能够处理多种类型的数据并保持类型安全。在这个示例中,我们将展示如何使用泛型函数来计算不同类型数组的总和,无论是数字数组还是字符串数组。

// 泛型函数求和
function sum<T extends number | string>(arr: T[]): T {
  let result: T;
  if (typeof arr[0] === 'number') {
    result = 0 as T; // 初始化为0
  } else {
    result = '' as T; // 初始化为空字符串
  }

  for (const val of arr) {
    result += val;
  }

  return result;
}

// 数字数组求和
const numbers = [1, 2, 3, 4, 5];
console.log('数字数组求和:', sum(numbers)); // 输出: 15

// 字符串数组求和
const words = ['Hello', ' ', 'TypeScript'];
console.log('字符串数组连接:', sum(words)); // 输出: Hello TypeScript

免责申明:文章和图片全部来源于公开网络,如有侵权,请通知删除 server@dude6.com

用户评论
相关推荐
TypeScript使
泛型函数在TypeScript中是一种强大的工具,它们能够处理多种类型的数据并保持类型安全。在这个示例中,我们将展示如何使用泛型函数来计算不同类型数组的总和,无论是数字数组还是字符串数组。// 泛型
TypeScript 4.5.4
Visual Studio Code
2023-12-16 15:20
TypeScript使(Generic)安全
泛型是TypeScript中强大的特性,它使得在编写灵活且类型安全的代码时更加方便。通过泛型,可以在编译时确保类型的一致性,避免错误的类型使用,提高代码的可读性和可维护性。// 定义一个泛型函数,接
TypeScript 4.5.4
Visual Studio Code
2023-12-04 13:18
TypeScript如何使
在TypeScript中,我们可以使用泛型函数来增强代码的灵活性和可重用性。泛型函数可以用于处理多种数据类型,而不需要针对每个数据类型编写不同的函数。以下是一个使用泛型函数的示例代码:functi
TypeScript 4.0.3
Visual Studio Code
2023-04-14 08:53
TypeScript使实现元素转换
这段示例代码演示了如何使用TypeScript中的泛型函数,将数组中的元素类型进行转换。通过传入原始数组和目标类型,函数能够生成一个新的数组,其中包含了转换后的元素类型。// 定义泛型函数,将数组元
TypeScript 4.5.4
Visual Studio Code
2023-12-13 15:29
TypeScript使进行元素转换
本示例演示如何使用 TypeScript 的泛型来实现数组元素类型的转换。通过编写一个通用的函数,可以轻松地将数组中的每个元素转换为指定的目标类型。// 定义一个通用的数组元素类型转换函数func
TypeScript 4.5.4
Visual Studio Code
2023-12-12 23:11
TypeScript使定义的返回值
本示例展示了如何在TypeScript中使用泛型类型定义函数的返回值。通过泛型类型,可以在编译时进行类型约束,提高代码的可读性和健壮性。/** * 定义泛型类型,用于约束函数的返回值 * T可以
TypeScript 3.9.7
Visual Studio Code
2023-03-18 22:29
TypeScript使实现通反转
通过TypeScript的泛型特性,创建一个通用的数组反转函数,使其能够适用于不同类型的数组。这个示例展示了如何编写具有灵活性和复用性的代码。// 定义一个通用的数组反转函数function re
TypeScript 4.5.4
Visual Studio Code
2023-12-01 02:17
使TypeScript创建
该示例代码展示了如何使用TypeScript创建一个泛型函数,实现输入参数类型不确定,输出返回类型与输入参数类型保持一致的功能。// 创建一个泛型函数,输入参数的类型与返回类型相同function
TypeScript >= 3.0.x
Visual Studio Code
2023-03-14 19:26
TypeScript如何使重复定义的
通过 TypeScript 中的泛型,可以实现在类型安全的前提下,避免重复定义同类型的代码,提高开发效率。interface Lengthwise { length: number;}fu
TypeScript v4.3.5
TypeScript 编译器
2023-04-21 12:44
TypeScript使实现安全的处理
介绍如何在TypeScript中使用泛型来实现对数组的类型安全处理,避免在运行时产生类型错误的问题。// 定义一个泛型函数,用于获取数组的最后一个元素function getLastItem<
TypeScript 4.x
Microsoft Visual Studio Code
2023-10-22 21:39