TypeScript Array(数组)


TypeScript中的数组

在TypeScript中,数组是一种非常常见的数据结构。它们可以储存一系列的值和对象,并且可以通过索引来访问数组中的每一项。在这篇技术文档中,我们将会深入地探讨TypeScript中的数组。

声明数组

在TypeScript中,我们可以通过以下方式声明一个数组:

let arr: number[] = [1, 2, 3];
let arr2: Array<number> = [1, 2, 3]; // 使用范型

这里我们声明了两个数组:arrarr2,它们都包含了三个数字类型的元素。数组也可以存储其他类型的元素,例如字符串和布尔值等。

let fruits: string[] = ['apple', 'banana', 'orange'];
let bools: boolean[] = [true, false, true];

访问数组的元素

在数组中访问指定的元素,我们可以通过使用索引。索引是从0开始的整数,根据它在数组中的位置来访问元素。例如:

let arr: number[] = [1, 2, 3];
console.log(arr[0]); // 输出: 1
console.log(arr[2]); // 输出: 3

更改数组的元素

要更改数组中的元素,我们只需要通过索引找到它,并将其设置为新的值即可。例如:

let arr: number[] = [1, 2, 3];
arr[0] = 4;
console.log(arr); // 输出: [4, 2, 3]

数组的迭代

在TypeScript中,我们可以使用循环来访问数组中的每一个元素,并对其进行相应的操作。

for循环

最常见的迭代数组的方式是使用for循环。例如:

let arr: number[] = [1, 2, 3];
for(let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

forEach方法

我们也可以使用forEach方法来迭代数组。这个方法接收一个回调函数作为参数,该回调函数会被依次调用每个元素。例如:

let arr: number[] = [1, 2, 3];
arr.forEach(function(elem) {
  console.log(elem);
});

map方法

map方法可以将数组中的每个元素映射成一个新的值,并返回一个新的数组。例如:

let arr: number[] = [1, 2, 3];
let newArr = arr.map(function(elem) {
  return elem * 2;
});
console.log(newArr); // 输出: [2, 4, 6]

数组的其他方法

push和pop方法

push方法可以将一个或多个元素添加到数组的末尾,并返回新的长度。例如:

let arr: number[] = [1, 2, 3];
arr.push(4, 5);
console.log(arr); // 输出: [1, 2, 3, 4, 5]

let lastElem = arr.pop();
console.log(arr); // 输出: [1, 2, 3, 4]
console.log(lastElem); // 输出: 5

pop方法可以将数组中的最后一个元素删除,并返回该元素。如果数组为空,则返回undefined。

shift和unshift方法

shift方法可以将数组中的第一个元素删除,并返回该元素。例如:

let arr: number[] = [1, 2, 3];
let firstElem = arr.shift();
console.log(arr); // 输出: [2, 3]
console.log(firstElem); // 输出: 1

unshift方法可以在数组的开头添加一个或多个元素,并返回新的长度。例如:

let arr: number[] = [2, 3];
arr.unshift(1);
console.log(arr); // 输出: [1, 2, 3]

slice方法

slice方法可以从数组中选取指定的部分,并返回一个新的数组。例如:

let arr: number[] = [1, 2, 3];
let newArr = arr.slice(1, 2);
console.log(newArr); // 输出: [2]

在这个例子中,我们只选择数组中的第二个元素,并将其包含在一个新数组中。

splice方法

splice方法可以在数组中添加或删除元素,并返回被删除的元素。例如:

let arr: number[] = [1, 2, 3];
arr.splice(1, 1, 4); // 删除第二个元素,并把4添加到第二个位置
console.log(arr); // 输出: [1, 4, 3]

结论

这篇技术文档中我们深入地探讨了TypeScript中的数组。我们的讨论围绕着声明、访问、修改以及迭代数组展开,并介绍了一些常用的数组方法。完全掌握这些知识后,我们可以更加自如地使用TypeScript进行数组的操作。