TypeScript-배열
값을 저장하기 위해 변수를 사용하면 다음과 같은 제한이 있습니다.
변수는 본질적으로 스칼라입니다. 즉, 변수 선언은 한 번에 하나만 포함 할 수 있습니다. 즉, 프로그램에 n 개의 값을 저장하려면 n 개의 변수 선언이 필요합니다. 따라서 더 큰 값 모음을 저장해야 할 때 변수를 사용할 수 없습니다.
프로그램의 변수는 임의의 순서로 메모리가 할당되므로 선언 된 순서대로 값을 검색 / 읽기가 어렵습니다.
TypeScript는 동일한 문제를 해결하기 위해 배열 개념을 도입했습니다. 배열은 값의 동종 모음입니다. 단순화하기 위해 배열은 동일한 데이터 유형의 값 모음입니다. 사용자 정의 유형입니다.
어레이의 특징
다음은 배열의 기능 목록입니다.
배열 선언은 순차 메모리 블록을 할당합니다.
배열은 정적입니다. 즉, 초기화 된 배열은 크기를 조정할 수 없습니다.
각 메모리 블록은 배열 요소를 나타냅니다.
배열 요소는 요소의 첨자 / 인덱스라고하는 고유 한 정수로 식별됩니다.
변수와 마찬가지로 배열도 사용하기 전에 선언해야합니다. var 키워드를 사용하여 배열을 선언하십시오.
배열 초기화는 배열 요소를 채우는 것을 의미합니다.
배열 요소 값은 업데이트하거나 수정할 수 있지만 삭제할 수는 없습니다.
배열 선언 및 초기화
Typescript에서 배열 초기화를 선언하려면 다음 구문을 사용하십시오.
통사론
var array_name[:datatype]; //declaration
array_name = [val1,val2,valn..] //initialization데이터 유형이없는 배열 선언은 any 유형으로 간주됩니다. 이러한 배열의 유형은 초기화 중에 배열의 첫 번째 요소의 데이터 유형에서 유추됩니다.
예를 들어, 다음과 같은 선언은- var numlist:number[] = [2,4,6,8] 아래와 같이 배열을 생성합니다-
배열 포인터는 기본적으로 첫 번째 요소를 참조합니다.
Arrays may be declared and initialized in a single statement. 동일한 구문은-
var array_name[:data type] = [val1,val2…valn]Note − [] 쌍을 배열의 차원이라고합니다.
배열 요소에 액세스
아래 첨자가 뒤에 오는 배열 이름은 배열 요소를 참조하는 데 사용됩니다. 구문은 다음과 같습니다.
array_name[subscript] = value예 : 단순 배열
var alphas:string[];
alphas = ["1","2","3","4"]
console.log(alphas[0]);
console.log(alphas[1]);컴파일시 다음 JavaScript 코드가 생성됩니다.
//Generated by typescript 1.8.10
var alphas;
alphas = ["1", "2", "3", "4"];
console.log(alphas[0]);
console.log(alphas[1]);위 코드의 출력은 다음과 같습니다.
1
2예 : 단일 명령문 선언 및 초기화
var nums:number[] = [1,2,3,3]
console.log(nums[0]);
console.log(nums[1]);
console.log(nums[2]);
console.log(nums[3]);컴파일시 다음 JavaScript 코드가 생성됩니다.
//Generated by typescript 1.8.10
var nums = [1, 2, 3, 3];
console.log(nums[0]);
console.log(nums[1]);
console.log(nums[2]);
console.log(nums[3]);출력은 다음과 같습니다.
1
2
3
3배열 개체
Array 개체를 사용하여 배열을 만들 수도 있습니다. Array 생성자를 전달할 수 있습니다.
배열의 크기를 나타내는 숫자 값 또는
쉼표로 구분 된 값 목록입니다.
다음 예제는이 방법을 사용하여 배열을 만드는 방법을 보여줍니다.
예
var arr_names:number[] = new Array(4)
for(var i = 0;i<arr_names.length;i++) {
arr_names[i] = i * 2
console.log(arr_names[i])
}컴파일시 다음 JavaScript 코드가 생성됩니다.
//Generated by typescript 1.8.10
var arr_names = new Array(4);
for (var i = 0; i < arr_names.length; i++) {
arr_names[i] = i * 2;
console.log(arr_names[i]);
}출력은 다음과 같습니다.
0
2
4
6예 : 배열 생성자는 쉼표로 구분 된 값을 허용합니다.
var names:string[] = new Array("Mary","Tom","Jack","Jill")
for(var i = 0;i<names.length;i++) {
console.log(names[i])
}컴파일시 다음 JavaScript 코드가 생성됩니다.
//Generated by typescript 1.8.10
var names = new Array("Mary", "Tom", "Jack", "Jill");
for (var i = 0; i < names.length; i++) {
console.log(names[i]);
}출력은 다음과 같습니다.
Mary
Tom
Jack
Jill배열 방법
Array 객체의 메서드 목록과 설명이 아래에 나와 있습니다.
| S. 아니. | 방법 및 설명 |
|---|---|
| 1. | concat () 다른 배열 및 / 또는 값과 결합 된이 배열로 구성된 새 배열을 반환합니다. |
| 2. | 마다() 이 배열의 모든 요소가 제공된 테스트 함수를 충족하는 경우 true를 반환합니다. |
| 삼. | 필터() 제공된 필터링 함수가 true를 반환하는이 배열의 모든 요소를 사용하여 새 배열을 만듭니다. |
| 4. | 각각() 배열의 각 요소에 대해 함수를 호출합니다. |
| 5. | indexOf () 지정된 값과 같은 배열 내 요소의 첫 번째 (최소) 인덱스를 반환하거나, 발견되지 않으면 -1을 반환합니다. |
| 6. | 어울리다() 배열의 모든 요소를 문자열로 결합합니다. |
| 7. | lastIndexOf () 지정된 값과 같은 배열 내 요소의 마지막 (가장 큰) 인덱스를 반환하거나, 발견되지 않으면 -1을 반환합니다. |
| 8. | 지도() 이 배열의 모든 요소에 대해 제공된 함수를 호출 한 결과로 새 배열을 만듭니다. |
| 9. | 팝() 배열에서 마지막 요소를 제거하고 해당 요소를 반환합니다. |
| 10. | 푸시() 배열 끝에 하나 이상의 요소를 추가하고 배열의 새 길이를 반환합니다. |
| 11. | 줄이다() 배열의 두 값 (왼쪽에서 오른쪽으로)에 대해 동시에 함수를 적용하여 단일 값으로 줄입니다. |
| 12. | reduceRight () 단일 값으로 줄이기 위해 배열의 두 값 (오른쪽에서 왼쪽으로)에 대해 동시에 함수를 적용합니다. |
| 13. | 역전() 배열 요소의 순서를 반대로합니다. 첫 번째가 마지막이되고 마지막이 첫 번째가됩니다. |
| 14. | 시프트() 배열에서 첫 번째 요소를 제거하고 해당 요소를 반환합니다. |
| 15. | 일부분() 배열의 섹션을 추출하고 새 배열을 반환합니다. |
| 16. | 약간() 이 배열의 하나 이상의 요소가 제공된 테스트 함수를 충족하는 경우 true를 반환합니다. |
| 17. | 종류() 배열의 요소를 정렬합니다. |
| 18. | 접착() 배열에서 요소를 추가 및 / 또는 제거합니다. |
| 19. | toString () 배열과 그 요소를 나타내는 문자열을 반환합니다. |
| 20. | unshift () 배열의 앞에 하나 이상의 요소를 추가하고 배열의 새 길이를 반환합니다. |
배열 분해
엔티티의 구조를 분해하는 것을 말합니다. TypeScript는 배열 컨텍스트에서 사용될 때 구조 해제를 지원합니다.
예
var arr:number[] = [12,13]
var[x,y] = arr
console.log(x)
console.log(y)컴파일시 다음 JavaScript 코드가 생성됩니다.
//Generated by typescript 1.8.10
var arr = [12, 13];
var x = arr[0], y = arr[1];
console.log(x);
console.log(y);출력은 다음과 같습니다.
12
13for… in 루프를 사용한 배열 순회
하나는 사용할 수 있습니다 for…in 루프를 통해 배열을 순회합니다.
var j:any;
var nums:number[] = [1001,1002,1003,1004]
for(j in nums) {
console.log(nums[j])
}루프는 인덱스 기반 배열 순회를 수행합니다.
컴파일시 다음 JavaScript 코드가 생성됩니다.
//Generated by typescript 1.8.10
var j;
var nums = [1001, 1002, 1003, 1004];
for (j in nums) {
console.log(nums[j]);
}위 코드의 출력은 다음과 같습니다.
1001
1002
1003
1004TypeScript의 배열
TypeScript는 배열에서 다음 개념을 지원합니다-
| S. 아니. | 개념 및 설명 |
|---|---|
| 1. | 다차원 배열 TypeScript는 다차원 배열을 지원합니다. 다차원 배열의 가장 간단한 형태는 2 차원 배열입니다. |
| 2. | 함수에 배열 전달 인덱스없이 배열의 이름을 지정하여 배열에 대한 포인터를 함수에 전달할 수 있습니다. |
| 삼. | 함수에서 배열 반환 함수가 배열을 반환하도록 허용합니다. |