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 
13

for… 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 
1004

TypeScript의 배열

TypeScript는 배열에서 다음 개념을 지원합니다-

S. 아니. 개념 및 설명
1. 다차원 배열

TypeScript는 다차원 배열을 지원합니다. 다차원 배열의 가장 간단한 형태는 2 차원 배열입니다.

2. 함수에 배열 전달

인덱스없이 배열의 이름을 지정하여 배열에 대한 포인터를 함수에 전달할 수 있습니다.

삼. 함수에서 배열 반환

함수가 배열을 반환하도록 허용합니다.