TypeScript 元组

TypeScript 教程

上一篇我们用数组，存储了怪物的名字和副本名字。

那如果要存储怪物的名字、HP，该用什么数据结构来存储呢?名字是string，而HP是number。

那么这篇讲的元组，就可以满足需求。

元组类似于数组，但是数组里面存储的相同的数据类型，而元组可以存储不同的数据类型。

如下代码:

```javascript
var tmpMonsterInfoTuple = ["冤魂", 100]

console.log(tmpMonsterInfoTuple[0])
console.log(tmpMonsterInfoTuple[1])
```

输出结果

冤魂
	100

------------

我们可以使用以下两个函数向元组添加新元素或者删除元素：

- push() 向元组添加元素，添加在最后面。

- pop() 从元组中移除元素（最后一个），并返回移除的元素。

例如现在要存储怪物的MP，那么就使用 push() 往后面添加。

```javascript
var tmpMonsterInfoTuple = ["冤魂", 100]

console.log("怪物名字:",tmpMonsterInfoTuple[0])
console.log("怪物HP:",tmpMonsterInfoTuple[1])

tmpMonsterInfoTuple.push(200)
console.log("怪物MP:",tmpMonsterInfoTuple[2])
```

输出结果

怪物名字: 冤魂
	怪物HP: 100
	怪物MP: 200

下面的代码，更新了怪物HP

tmpMonsterInfoTuple[1] = 500
	console.log("怪物新HP:",tmpMonsterInfoTuple[1])

输出结果

怪物新HP: 500

#### 解构元组

我们也可以把元组元素赋值给变量，如下将怪物信息，存放在单独的变量中:

```javascript
var [tmpMonsterName, tmpMonsterHP, tmpMonsterMP] = tmpMonsterInfoTuple
console.log("tmpMonsterName:", tmpMonsterName)
console.log("tmpMonsterHP:", tmpMonsterHP)
console.log("tmpMonsterMP:",tmpMonsterMP)
```

输出结果

tmpMonsterName: 冤魂
	tmpMonsterHP: 500
	tmpMonsterMP: 200