📜  混合类型的 typescript 数组 - TypeScript (1)

📅  最后修改于: 2023-12-03 15:27:01.388000             🧑  作者: Mango

混合类型的 TypeScript 数组

在 TypeScript 中,数组可以存储不同类型的元素。这种类型的数组称为混合类型数组。

声明混合类型数组
let myArray: (string|number)[] = ['hello', 123, 'world', 456];

在上面的代码中,我们声明了一个混合类型的数组 myArray。它可以存储字符串和数字类型的元素。

访问混合类型数组中的元素

我们可以使用下标运算符 [] 来访问混合类型数组中的元素。

console.log(myArray[0]); // Output: hello
console.log(myArray[1]); // Output: 123
遍历混合类型数组

我们可以使用 for 循环或 for..of 循环来遍历混合类型数组中的元素。

for (let i = 0; i < myArray.length; i++) {
    console.log(myArray[i]);
}

for (let element of myArray) {
    console.log(element);
}
操作混合类型数组

我们可以使用 push() 方法向混合类型数组中添加新元素。

myArray.push('foo');
myArray.push(789);
console.log(myArray); // Output: ['hello', 123, 'world', 456, 'foo', 789]

我们可以使用 pop() 方法从混合类型数组中删除最后一个元素。

myArray.pop();
console.log(myArray); // Output: ['hello', 123, 'world', 456, 'foo']

我们还可以使用 splice() 方法在混合类型数组中插入或删除元素。

myArray.splice(2, 0, 'bar');
console.log(myArray); // Output: ['hello', 123, 'bar', 'world', 456, 'foo']

myArray.splice(4, 1);
console.log(myArray); // Output: ['hello', 123, 'bar', 'world', 'foo']
总结

混合类型的 TypeScript 数组可以存储不同类型的元素,我们可以使用下标运算符、for 循环或 for..of 循环来访问和遍历数组。同时,我们还可以使用 push()、pop() 和 splice() 方法来操作数组。