类型[...number[]，string]在弹出最后一个元素后保持不变

基础概念

[...number[], string] 是 TypeScript 中的类型表示法，用于描述一个数组，该数组的最后一个元素是字符串，其余元素是数字。这种类型表示法使用了 TypeScript 的扩展运算符（spread operator）和元组类型（tuple type）。

类型定义示例

type NumberStringArray = [...number[], string];

应用场景

这种类型常用于需要处理特定格式数据的场景，例如：

日志记录：数组中的数字代表日志级别，最后一个元素是日志消息。
配置文件解析：数字代表配置项的索引，字符串代表具体的配置值。

示例代码

function processArray(arr: NumberStringArray): void {
    const numbers = arr.slice(0, -1);
    const lastElement = arr[arr.length - 1];
    console.log("Numbers:", numbers);
    console.log("Last Element:", lastElement);
}

const validArray: NumberStringArray = [1, 2, 3, "end"];
processArray(validArray); // 输出: Numbers: [1, 2, 3] Last Element: end

const invalidArray: NumberStringArray = [1, "middle", 3, "end"]; // 编译错误

遇到问题及解决方法

问题：弹出最后一个元素后数组保持不变

如果你希望在弹出最后一个元素后数组保持不变，可以使用 slice 方法来创建一个新的数组副本，而不是直接修改原数组。

示例代码

function popLastElement(arr: NumberStringArray): [number[], string] {
    const numbers = arr.slice(0, -1);
    const lastElement = arr[arr.length - 1];
    return [numbers, lastElement];
}

const originalArray: NumberStringArray = [1, 2, 3, "end"];
const [newArray, poppedElement] = popLastElement(originalArray);

console.log("Original Array:", originalArray); // 输出: Original Array: [1, 2, 3, "end"]
console.log("New Array:", newArray); // 输出: New Array: [1, 2, 3]
console.log("Popped Element:", poppedElement); // 输出: Popped Element: end