您现在的位置是:首页 >技术交流 >TypeScript 数组网站首页技术交流

TypeScript 数组

明明明h 2023-05-26 00:00:02
简介TypeScript 数组

1.数组声明

// 数组声明
let arr1: number[] = [];
let arr2: number[] = new Array(4);              // 指定数组长度
let arr3: number[] = new Array(1, 2, 3, 4, 5);  // 初始化数组
let arr4: Array<number> = new Array<number>();

// 后续测试都用该数组
let arr: number[] = new Array(1, 2, 3, 4, 5);

2.数组遍历(for…of)

for…of 可用来遍历带有迭代器的对象

for (let item of arr) {
    console.log(item);
}
// 1, 2, 3, 4, 5

for (let item in arr) {
    console.log(item);
}
// 0, 1, 2, 3, 4 (数组下标)

3.方法

3.1 every()

检测数值元素的每个元素是否都符合条件

let result1 = arr.every((val, idx, ary) => val <= 3);	// false
let result2 = arr.every((val, idx, ary) => val <= 5);	// true

3.2 filter()

检测数值元素,并返回符合条件所有元素的数组

let result3 = arr.filter((val, idx, ary) => val > 3);	// [4, 5]

3.3 forEach()

数组每个元素都执行一次回调函数

 let result4 = arr3.forEach((val, idx, ary) => {console.log(val)});	// 1, 2, 3, 4, 5

3.4 indexOf()

搜索数组中的元素,并返回它所在的位置。如果搜索不到,返回值 -1,代表没有此项

let result5 = arr3.indexOf(3);
let result6 = arr3.indexOf(6);
console.log(result5, result6);	//  2  -1

3.5 lastIndexOf()

返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索

3.6 map()

通过指定函数处理数组的每个元素,并返回处理后的数组

let result7 = arr.map((val, idx, arr) => val += 1);
console.log(result7);		// [2, 3, 4, 5, 6]

3.7 push()

向数组的末尾添加一个或更多元素,并返回新的长度

arr.push(6);
console.log(arr);		// [1, 2, 3, 4, 5, 6]

3.8 pop()

删除数组的最后一个元素并返回删除的元素

3.9 shift()

删除并返回数组的第一个元素

3.10 some()

检测数组元素中是否有元素符合指定条件

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。