TypeScript 数组Array操作的常用方法

TypeScript 数组Array是一种常用的数据结构，它可以用来存储一系列可变的数据。在实际开发中，我们经常需要对数组进行操作，如添加、删除、修改，排序等。下面是对 TypeScript 数组Array操作的常用方法的完整攻略：

创建数组

要创建一个数组，你可以使用以下方法：

let myArray: string[] = [];
let myArray2: Array<string> = new Array<string>();

上述代码分别定义了两个数组，myArray 和 myArray2，并初始化为空数组。

添加元素

要往数组中添加元素，一般有两种方法：

push()

let myArray: string[] = [];
myArray.push('apple', 'banana', 'orange');
console.log(myArray); // ["apple", "banana", "orange"]

push() 方法会把指定的元素添加到数组的末尾，返回值是修改后数组的长度。

concat()

let myArray: string[] = [];
let myArray2: string[] = ['apple', 'banana', 'orange'];

myArray = myArray.concat(myArray2);
console.log(myArray); // ["apple", "banana", "orange"]

concat() 方法会创建一个新数组，包含原始数组的所有元素加上指定的元素，返回新数组。原始数组不会被修改。

删除元素

要删除数组中的元素，也有两种方法：

pop()

let myArray: string[] = ['apple', 'banana', 'orange'];
myArray.pop();
console.log(myArray); // ["apple", "banana"]

pop() 方法会删除数组的最后一个元素，并返回该元素的值。

splice()

let myArray: string[] = ['apple', 'banana', 'orange'];
myArray.splice(1, 1); // 从索引 1 开始，删除一个元素
console.log(myArray); // ["apple", "orange"]

splice() 方法可以删除或替换数组中的元素。它接受两个参数，第一个参数是要删除或替换元素的起始位置，第二个参数是要删除或替换的元素个数。如果只想删除元素，第二个参数可以设置为 1。

修改元素

要修改数组中的元素，可以直接通过访问对应位置的方式修改，例如：

let myArray: string[] = ['apple', 'banana', 'orange'];
myArray[1] = 'pear';
console.log(myArray); // ["apple", "pear", "orange"]

查找元素

要查找数组中的元素，可以使用以下方法：

indexOf()

let myArray: string[] = ['apple', 'banana', 'orange'];
console.log(myArray.indexOf('banana')); // 1

indexOf() 方法会从数组的开头开始查找指定元素第一次出现的位置，如果找到返回该元素的索引，否则返回 -1。

find()

let myArray: number[] = [10, 20, 30, 40, 50];
let result = myArray.find(function(element){ return element > 25; });
console.log(result); // 30

find() 方法用于查找满足指定条件的数组元素。该方法接受一个回调函数作为参数，该回调函数会遍历数组中的每一个元素，并返回第一个满足条件的元素。如果没有满足条件的元素，返回 undefined。

排序元素

要对数组中的元素进行排序，可以使用以下方法：

sort()

let myArray: number[] = [6, 3, 9, 1, 7];
myArray.sort();
console.log(myArray); // [1, 3, 6, 7, 9]

sort() 方法会对数组的元素进行排序。默认的排序顺序是按照字符串 Unicode 码点的顺序进行排序。如果要按其它方式排序，可以使用自定义函数作为参数。

reverse()

let myArray: number[] = [6, 3, 9, 1, 7];
myArray.reverse();
console.log(myArray); // [7, 1, 9, 3, 6]

reverse() 方法用于反转数组的元素顺序。

以上就是 TypeScript 数组Array操作的常用方法的完整攻略。下面是两个示例说明：

示例一

let myArray: string[] = ['apple', 'banana', 'orange'];
myArray.push('pear');
console.log(myArray); // ["apple", "banana", "orange", "pear"]

示例一中，我们往数组 myArray 中添加了一个新元素 pear，然后输出数组。

示例二

let myArray: number[] = [10, 20, 30, 40, 50];
let result = myArray.find(function(element){ return element > 25; });
console.log(result); // 30

示例二中，我们定义了一个数组 myArray，然后使用 find() 方法查找该数组中第一个大于 25 的元素，并输出结果。