MST

星途 面试题库

面试题:TypeScript中如何定义和使用基本元组

请说明在TypeScript里如何定义一个包含字符串和数字的元组,并演示如何访问和修改元组中的元素。同时,解释一下元组类型在函数参数和返回值中的应用场景。
40.9万 热度难度
前端开发TypeScript

知识考点

AI 面试

面试题答案

一键面试

定义包含字符串和数字的元组

在TypeScript中,可以这样定义包含字符串和数字的元组:

let myTuple: [string, number] = ['example', 42];

访问和修改元组中的元素

可以通过索引来访问和修改元组中的元素:

// 访问元素
let strValue = myTuple[0]; 
let numValue = myTuple[1]; 

// 修改元素
myTuple[0] = 'newExample'; 
myTuple[1] = 100; 

元组类型在函数参数和返回值中的应用场景

  1. 函数参数
    • 当函数需要接收固定数量且类型明确的参数时,元组类型非常有用。例如,一个函数需要接收一个坐标点,该坐标点由横坐标(数字)和纵坐标(数字)组成:
    function printCoordinate(coordinate: [number, number]) {
        console.log(`X: ${coordinate[0]}, Y: ${coordinate[1]}`);
    }
    let point: [number, number] = [10, 20];
    printCoordinate(point);
    
  2. 函数返回值
    • 当函数需要返回多个相关的值时,元组类型可以作为返回值类型。比如,一个函数解析一个字符串,返回解析后的字符串部分和解析的状态码:
    function parseString(input: string): [string, number] {
        if (input.length > 0) {
            return [input.substring(0, 5), 200];
        } else {
            return ['', 400];
        }
    }
    let result = parseString('hello world');
    console.log(`Parsed string: ${result[0]}, Status code: ${result[1]}`);
    
    这样可以清晰地定义返回值的结构和类型,调用者可以明确知道返回值的组成。