“TypeScript 元组”的版本间差异
本页内容
(创建页面,内容为“{{DISPLAYTITLE:TypeScript 元组}}14 = TypeScript 元组 = 我们知道数组中元素的数据类型都一般是相同的(any[] 类型的数组可以不同),如果存储的元素数据类型不同,则需要使用元组。 元组中允许存储不同类型的元素,元组可以作为参数传递给函数。 创建元组的语法格式如下: <pre>var tuple_name = [value1,value2,value3,…value n]</pre> == 声明…”) |
无编辑摘要 |
||
第31行: | 第31行: | ||
== TypeScript == | == TypeScript == | ||
<sample title="" desc="" lang=" | <sample title="" desc="" lang="typescript" hererun="1"> var mytuple = [10,"xiaoBai"]; // 创建元组 | ||
console.log(mytuple[0]) | console.log(mytuple[0]) | ||
console.log(mytuple[1]) </sample> | console.log(mytuple[1]) </sample> | ||
第38行: | 第38行: | ||
== JavaScript == | == JavaScript == | ||
<sample title="" desc="" lang=" | <sample title="" desc="" lang="typescript" hererun="1"> var mytuple = [10, "xiaoBai"]; // 创建元组 | ||
console.log(mytuple[0]); | console.log(mytuple[0]); | ||
console.log(mytuple[1]); </sample> | console.log(mytuple[1]); </sample> | ||
第54行: | 第54行: | ||
== TypeScript == | == TypeScript == | ||
<sample title="" desc="" lang=" | <sample title="" desc="" lang="typescript" hererun="1"> var mytuple = [10,"Hello","World","typeScript"]; | ||
console.log("添加前元素个数:"+mytuple.length) // 返回元组的大小 | console.log("添加前元素个数:"+mytuple.length) // 返回元组的大小 | ||
第67行: | 第67行: | ||
== JavaScript == | == JavaScript == | ||
<sample title="" desc="" lang=" | <sample title="" desc="" lang="typescript" hererun="1"> var mytuple = [10, "Hello", "World", "typeScript"]; | ||
console.log("添加前元素个数:" + mytuple.length); // 返回元组的大小 | console.log("添加前元素个数:" + mytuple.length); // 返回元组的大小 | ||
mytuple.push(12); // 添加到元组中 | mytuple.push(12); // 添加到元组中 | ||
第87行: | 第87行: | ||
== TypeScript == | == TypeScript == | ||
<sample title="" desc="" lang=" | <sample title="" desc="" lang="typescript" hererun="1"> var mytuple = [10, "xiaoBai", "Taobao", "Google"]; // 创建一个元组 | ||
console.log("元组的第一个元素为:" + mytuple[0]) | console.log("元组的第一个元素为:" + mytuple[0]) | ||
第97行: | 第97行: | ||
== JavaScript == | == JavaScript == | ||
<sample title="" desc="" lang=" | <sample title="" desc="" lang="typescript" hererun="1"> var mytuple = [10, "xiaoBai", "Taobao", "Google"]; // 创建一个元组 | ||
console.log("元组的第一个元素为:" + mytuple[0]); | console.log("元组的第一个元素为:" + mytuple[0]); | ||
// 更新元组元素 | // 更新元组元素 | ||
第112行: | 第112行: | ||
== TypeScript == | == TypeScript == | ||
<sample title="" desc="" lang=" | <sample title="" desc="" lang="typescript" hererun="1"> var a =[10,"xiaoBai"] | ||
var [b,c] = a | var [b,c] = a | ||
console.log( b ) | console.log( b ) | ||
第120行: | 第120行: | ||
== JavaScript == | == JavaScript == | ||
<sample title="" desc="" lang=" | <sample title="" desc="" lang="typescript" hererun="1"> var a = [10, "xiaoBai"]; | ||
var b = a[0], c = a[1]; | var b = a[0], c = a[1]; | ||
console.log(b); | console.log(b); |
2022年8月19日 (五) 13:33的最新版本
TypeScript 元组
我们知道数组中元素的数据类型都一般是相同的(any[] 类型的数组可以不同),如果存储的元素数据类型不同,则需要使用元组。
元组中允许存储不同类型的元素,元组可以作为参数传递给函数。
创建元组的语法格式如下:
var tuple_name = [value1,value2,value3,…value n]
==
声明一个元组并初始化:
var mytuple = [10,"xiaoBai"];
或者我们可以先声明一个空元组,然后再初始化:
var mytuple = []; mytuple[0] = 120 mytuple[1] = 234
访问元组
元组中元素使用索引来访问,第一个元素的索引值为 0,第二个为 1,以此类推第 n 个为 n-1,语法格式如下:
tuple_name[index]
==
以下实例定义了元组,包含了数字和字符串两种类型的元素:
TypeScript
示例
var mytuple = [10,"xiaoBai"]; // 创建元组
console.log(mytuple[0])
console.log(mytuple[1])
编译以上代码,得到以下 JavaScript 代码:
JavaScript
示例
var mytuple = [10, "xiaoBai"]; // 创建元组
console.log(mytuple[0]);
console.log(mytuple[1]);
输出结果为:
10 xiaoBai
元组运算
我们可以使用以下两个函数向元组添加新元素或者删除元素:
- push() 向元组添加元素,添加在最后面。
- pop() 从元组中移除元素(最后一个),并返回移除的元素。
TypeScript
示例
var mytuple = [10,"Hello","World","typeScript"];
console.log("添加前元素个数:"+mytuple.length) // 返回元组的大小
mytuple.push(12) // 添加到元组中
console.log("添加后元素个数:"+mytuple.length)
console.log("删除前元素个数:"+mytuple.length)
console.log(mytuple.pop()+" 元素从元组中删除") // 删除并返回删除的元素
console.log("删除后元素个数:"+mytuple.length)
编译以上代码,得到以下 JavaScript 代码:
JavaScript
示例
var mytuple = [10, "Hello", "World", "typeScript"];
console.log("添加前元素个数:" + mytuple.length); // 返回元组的大小
mytuple.push(12); // 添加到元组中
console.log("添加后元素个数:" + mytuple.length);
console.log("删除前元素个数:" + mytuple.length);
console.log(mytuple.pop() + " 元素从元组中删除"); // 删除并返回删除的元素
console.log("删除后元素个数:" + mytuple.length);
输出结果为:
添加前元素个数:4 添加后元素个数:5 删除前元素个数:5 12 元素从元组中删除 删除后元素个数:4
更新元组
元组是可变的,这意味着我们可以对元组进行更新操作:
TypeScript
示例
var mytuple = [10, "xiaoBai", "Taobao", "Google"]; // 创建一个元组
console.log("元组的第一个元素为:" + mytuple[0])
// 更新元组元素
mytuple[0] = 121
console.log("元组中的第一个元素更新为:"+ mytuple[0])
编译以上代码,得到以下 JavaScript 代码:
JavaScript
示例
var mytuple = [10, "xiaoBai", "Taobao", "Google"]; // 创建一个元组
console.log("元组的第一个元素为:" + mytuple[0]);
// 更新元组元素
mytuple[0] = 121;
console.log("元组中的第一个元素更新为:" + mytuple[0]);
输出结果为:
元组的第一个元素为:10 元组中的第一个元素更新为:121
解构元组
我们也可以把元组元素赋值给变量,如下所示:
TypeScript
示例
var a =[10,"xiaoBai"]
var [b,c] = a
console.log( b )
console.log( c )
编译以上代码,得到以下 JavaScript 代码:
JavaScript
示例
var a = [10, "xiaoBai"];
var b = a[0], c = a[1];
console.log(b);
console.log(c);
输出结果为:
10 xiaoBai