美文网首页
《菜鸟教程》-TypeScript 元组

《菜鸟教程》-TypeScript 元组

作者: 张中华 | 来源:发表于2020-08-25 21:55 被阅读0次

    我们知道数组中元素的数据类型都一般是相同的(any[] 类型的数组可以不同),如果存储的元素数据类型不同,则需要使用元组。
    元组中允许存储不同类型的元素,元组可以作为参数传递给函数。
    语法如下:

    var tuple_name = [value1,value2,value3,…value n]
    

    ts中数组的声明方式:

    var array_name[:datatype];        //声明 
    array_name = [val1,val2,valn..]   //初始化
    

    在JS中,数组本身对元素是没有类型要求的,这里的元组的概念,就是针对TS中的数组而言,因爲在TS中,定義數組是需要定義元素類型的。當然,也可以定義為any類型,這樣子便不會對元素類型進行約束。


    操作元組

    • push() 向元组添加元素,添加在最后面。
    • pop() 从元组中移除元素(最后一个),并返回移除的元素。
    • tuple[index] = value: 更新元組

    代碼實例:

    let tuple = [1, 'a', [3,4]];
    
    console.log(tuple); // [ 1, 'a', [ 3, 4 ] ]
    
    // 增加元素
    tuple.push('hello world');
    console.log(tuple); // [ 1, 'a', [ 3, 4 ], 'hello world' ]
    
    // 刪除最後一個元素
    tuple.pop();
    console.log(tuple); // [ 1, 'a', [ 3, 4 ]]
    
    // 更新元素
    const index = tuple.indexOf('a');
    tuple[index] = 'b';
    console.log(tuple); // [ 1, 'b', [ 3, 4 ]]
    

    个人wx:zhanglanjiahuo
    前端公众hao:前端微说

    相关文章

      网友评论

          本文标题:《菜鸟教程》-TypeScript 元组

          本文链接:https://www.haomeiwen.com/subject/qfctsktx.html