typescript

Question

TS想要实现一个泛型函数，该函数接受两个数组作为参数，且两个参数数组类型不同，如何并返回一个新数组

这是我自己写的但是在使用concar函数时爆红

function concatArrays<T, K>(arr1: T[], arr2: K[]): (T | K)[] {  
    // 使用 concat 方法连接两个数组  
    return arr1.concat(arr2);  
}  
const nums = [1, 2, 3];  
const strs = ['a', 'b', 'c'];  
const concatArraysResult = concatArrays(nums, strs);  

Answer 1

该回答引用自GPT-3.5,由博主GISer Liu编写：

问题分析：

你的 TypeScript 函数 concatArrays 的泛型定义是 <T, K>，表示它可以接受两种不同类型的数组作为参数，并且返回一个新数组，该新数组包含这两个输入数组的所有元素。但是，你在函数中使用了数组的 concat 方法来连接两个数组，这个方法虽然能够连接两个数组，但是返回的数组类型是根据第一个数组的类型确定的。因此，当你传入两个不同类型的数组时，TypeScript 编译器会报错。

解决方案：

要解决这个问题，你需要手动创建一个新数组，将两个输入数组的所有元素添加到这个新数组中，并返回该新数组。这样就可以保证返回的数组类型是一个联合类型 (T | K)[]，包含两种输入数组的元素类型。

以下是修改后的代码：

function concatArrays<T, K>(arr1: T[], arr2: K[]): (T | K)[] {
    const result: (T | K)[] = [];
    result.push(...arr1);
    result.push(...arr2);
    return result;
}

const nums = [1, 2, 3];
const strs = ['a', 'b', 'c'];
const concatArraysResult = concatArrays(nums, strs);

在这个修改后的版本中，我们首先创建了一个空数组 result，然后使用 push 方法将两个输入数组的所有元素逐个添加到 result 数组中，最后返回 result 数组。这样就避免了使用 concat 方法，确保了返回的数组类型是一个联合类型 (T | K)[]，可以正确处理两种不同类型的输入数组。

如果该回答解决了您的问题，请采纳！如果没有，请参考以下方案进行修订