美文网首页
《TypeScript》 - 元组

《TypeScript》 - 元组

作者: 张中华 | 来源:发表于2021-07-03 11:24 被阅读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 ]]

相关文章

  • 《TypeScript》 - 元组

    我们知道数组中元素的数据类型都一般是相同的(any[] 类型的数组可以不同),如果存储的元素数据类型不同,则需要使...

  • TypeScript 元组类型

    TypeScript 语言中,数组中的元素一般只能是由相同数据类型组成(any[] 除外),如果我们想要存储不同类...

  • TypeScript 元组类型

    TypeScript 语言中,数组中的元素一般只能是由相同数据类型组成(any[] 除外),如果我们想要存储不同类...

  • 学习TypeScript(元组)

    创建元组的语法格式: var tuple_name = [value1,value2,value3,…value ...

  • Typescript(六)元组的使用和类型约束

    TypeScript 中提供了元组的概念,这个概念是JavaScript中没有的。但是不要慌张,其实元组在开发中并...

  • (二)typeScript 基础类型的介绍

    typeScript 中的类型比JavaScriptzh主要多了Tuple(元组)、Enum(枚举)、void(无...

  • 数组和元组

    TypeScript里如何对数组和元组进行类型注解 TypeScript 里的数组,实际上和JS里的数组完全是一样...

  • 《菜鸟教程》-TypeScript 元组

    我们知道数组中元素的数据类型都一般是相同的(any[] 类型的数组可以不同),如果存储的元素数据类型不同,则需要使...

  • 基本类型

    在TypeScript中,提供了一下基本数据类型 其中元组、枚举、任意值、vo...

  • Typescript基础类型

    TypeScript的基础类型主要有布尔值、数字、字符串、数组、元组、枚举、Any、Void、Null 、Unde...

网友评论

      本文标题:《TypeScript》 - 元组

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