Datehoer的博客
我本将心向明月,奈何明月照沟渠
Datehoer的博客

当前位置:主页 > 技术分享 > typescript 数组和元组

typescript 数组和元组

浏览: 作者:Datehoer 发布日期:2021-01-14 23:13:17 来源: 原创
在typescript中,使用数组的方法和JavaScript中是一样的。第一的方法是一样的,并且使用的效果也是一样的。

const arr: (string | number | boolean)[] = [1, '2', true];
type People = { name: string, age: number, sex: string };
const peopleArr: People[] = [{ name: 'Tom', age: 23, sex: 'men' }];

而typescript中的元组呢?其实类似于python中的元组,就是一个存放数据的地方。
typescript 数组和元组

const peopleInfo = ['Dylan', 'male', 23];
const peopleArr: [string, string, number] = ['Dylan', 'male', 23];

let tupple:[string,number]=["sss",123]

赋值必须要跟前面的定义是一种类型

其实之所以会有元组的出现,是因为我们一般在数组中储存的数据都是同类型的数据,只有any类型是可以储存不同的类型的数据。
而我们假如说像储存不同类型的数据,就可以使用元组。
元组的使用方法其实跟数组类似,都可以通过下标值来进行数据的选取。

var tuple = [10,"Date"];
// 创建元组
console.log(tuple[0])
console.log(tuple[1])

元组可以利用pop()和push()来进行数据的删除和添加。

var tuple = [10,"Hello","World","typeScript"];
console.log("添加前元素个数:"+tuple.length) // 返回元组的大小
mytuple.push(12) // 添加到元组中
console.log("添加后元素个数:"+tuple.length)
console.log("删除前元素个数:"+tuple.length)
console.log(tuple.pop()+" 元素从元组中删除") // 删除并返回删除的元素
console.log("删除后元素个数:"+tuple.length)

然后我们也可以将元组进行解构。

var a =[10,"Date"]
var [b,c] = a
console.log( b )
console.log( c )

今天的文章就到这里了,如果有什么疑问可以在评论区留言,我会在看到的第一时间进行回复的。


版权:本文由Datehoer原创,著作权归作者所有。商业转载请联系作者获得授权,非商业转载请保留以上作者信息和原文链接本文链接:https://zjzdmc.top/jsfx/123.html。

文章推荐

热门标签

返回顶部
下面为相关推荐
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!