TypeScript 数组

TypeScript是JavaScript的一个超集，它添加了类型、类、接口和其他特性，这使得它成为一种更安全、更高效的语言。在TypeScript中操作数组可以更容易、更清晰地表达意图，同时也能获得更好的类型检查和提示。

定义数组

在TypeScript中，可以使用下面两种方式定义数组：

1. 直接定义

const myArray: number[] = [1, 2, 3, 4, 5];

const myArray2: string[] = ["foo", "bar", "baz"];

const myArray3: any[] = [1, "foo", true];

2. 使用Array泛型

const myArray: Array<number> = [1, 2, 3, 4, 5];

const myArray2: Array<string> = ["foo", "bar", "baz"];

const myArray3: Array<any> = [1, "foo", true];

上述两种方式是等价的。

访问数组元素

可以使用下标访问数组元素：

const myArray: string[] = ["foo", "bar", "baz"];

console.log(myArray[0]); // 输出 "foo"
console.log(myArray[1]); // 输出 "bar"
console.log(myArray[2]); // 输出 "baz"

修改数组元素

直接使用下标修改数组元素：

const myArray: number[] = [1, 2, 3];

myArray[0] = 4;

console.log(myArray); // 输出 [4, 2, 3]

数组迭代

可以使用for循环或forEach方法迭代数组：

1. for循环

const myArray: string[] = ["foo", "bar", "baz"];

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

2. forEach

const myArray: string[] = ["foo", "bar", "baz"];

myArray.forEach((item) => {
  console.log(item);
});

数组方法

TypeScript中的数组提供了很多方法来操作数组：

1. push

可以使用push方法向数组末尾添加一个或多个元素：

const myArray: number[] = [1, 2, 3];

myArray.push(4);
myArray.push(5, 6);

console.log(myArray); // 输出 [1, 2, 3, 4, 5, 6]

2. pop

可以使用pop方法从数组末尾移除一个元素，并返回该元素：

const myArray: number[] = [1, 2, 3];

const lastElement = myArray.pop();

console.log(lastElement); // 输出 3
console.log(myArray); // 输出 [1, 2]

3. shift

可以使用shift方法从数组开头移除一个元素，并返回该元素：

const myArray: number[] = [1, 2, 3];

const firstElement = myArray.shift();

console.log(firstElement); // 输出 1
console.log(myArray); // 输出 [2, 3]

4. unshift

可以使用unshift方法向数组开头添加一个或多个元素：

const myArray: number[] = [1, 2, 3];

myArray.unshift(4);
myArray.unshift(5, 6);

console.log(myArray); // 输出 [5, 6, 4, 1, 2, 3]

5. splice

可以使用splice方法切割或删除数组元素：

const myArray: number[] = [1, 2, 3, 4, 5];

myArray.splice(2, 1); // 从下标2开始删除1个元素

console.log(myArray); // 输出 [1, 2, 4, 5]

myArray.splice(2, 0, 3); // 从下标2开始插入元素3

console.log(myArray); // 输出 [1, 2, 3, 4, 5]

myArray.splice(2, 1, 3); // 替换下标2的元素为3

console.log(myArray); // 输出 [1, 2, 3, 4, 5]

6. slice

可以使用slice方法截取数组中的一部分元素：

const myArray: number[] = [1, 2, 3, 4, 5];

const result = myArray.slice(1, 3);

console.log(result); // 输出 [2, 3]

总结

在TypeScript中，数组的操作更加清晰、更容易进行类型检查。数组的方法也提供了很多方便的操作，可以更简单、更高效地完成开发任务。