JavaScript: 데이터 구조(1부 - 배열)

데이터 구조: 배열, 세트 및 맵.

데이터 구조는 값 목록을 저장하는 데 사용되며 이러한 데이터 구조를 배열, 세트 및 맵이라고 합니다. 그러나 데이터 구조는 무엇입니까? Wikipedia에 따르면 "컴퓨터 과학에서 데이터 구조는 컴퓨터에서 데이터를 구성하는 특정 방법이므로 효율적으로 사용할 수 있습니다."라고 덧붙이고 싶습니다. 논리 문을 사용하면 다음과 같이 프로그램의 흐름을 제어할 수 있습니다. 코드에서 필요에 따라 코드 블록을 반복해서 반복할 수 있는 루프도 있습니다.

배열 데이터 구조

배열 데이터 구조 또는 배열은 정렬된 값 목록이거나 인덱스 또는 키로 식별되는 요소(값 또는 변수)의 모음입니다. 가장 단순한 유형의 배열 데이터 구조는 선형 배열입니다.

배열 리터럴을 만들려면 한 쌍의 대괄호를 작성해야 합니다.

예시:

const myArray = [ ];
<< [ ]

생성자 함수를 추가할 수 있습니다.

예시:

const myArray = new Array( );
<< [ ]

배열은 기본 값이 아니라 "typeof"연산자를 사용할 때와 같은 특수 내장 개체입니다.

typeof [ ];
<< ‘object’

어레이 초기화

그러나 배열을 어떻게 초기화합니까? 음, 빈 배열 리터럴을 만들 수 있습니다.

예시:

const heroes = [ ];

이제 영웅 배열에서 요소 0(영)의 값을 찾을 수 있습니다.

heroes [0];  // to access a specific value in an array, we write its index inside the square brackets
<< undefined

배열에 값 추가

요소 0(영)을 할당하여 새 문자열을 배치합니다.

예시:

heroes[0] = ‘Superman’;

배열의 항목을 변수로 취급하고 할당 연산자 =를 사용하여 값을 변경할 수 있습니다.

예시:

heroes[0] = ‘Batman’;

다른 인덱스를 사용하여 더 많은 값을 추가할 수 있습니다.

heroes[1] = ‘Wonder Woman’;
heroes[2] = ‘Flash’;
heroes[5] = ‘Aquaman’;

배열에서 원하거나 필요한 모든 요소를 ​​추가할 때까지 작업을 반복할 수 있습니다.

그런 다음 콘솔에 어레이 이름(heroes)을 입력하고 살펴봄으로써 어레이를 검토할 수 있습니다.

heroes;
<< [‘Batman’, ‘Wonder Woman’, ‘Flash’, undefined, undefined, ‘Aquaman’]

색인이 할당된 요소는 이름으로 목록에 나타나지만 사용되지 않은 다른 슬롯은 정의되지 않은 것으로 나타납니다.

배열 리터럴 만들기

값을 하나씩 추가하지 않도록 배열 리터럴을 만들 수 있습니다.

예시:

const avengers = [‘Captain America’, ‘Iron Man’, ‘Thor’, ‘Hulk’];
<< [‘Captain America’, ‘Iron Man’, ‘Thor’, ‘Hulk’]

배열에서 값 제거

'삭제' 연산자를 사용하면 배열에서 항목을 삭제할 수 있습니다.

예시:

delete avengers[3];
<< true

이 작업은 인덱스 3('Hulk')의 값 저장소를 삭제하지만 값을 삭제할 때에도 공간이 여전히 있기 때문에 인덱스를 정의되지 않은 상태로 둡니다. 삭제한 항목은 정의되지 않습니다.

avengers;
<< [‘Captain America’, ‘Iron Man’, ‘Thor’,  ‘undefined’]

배열 파괴

Destructuring은 배열에서 값을 가져와 개별 값으로 표시하는 것을 말하며, 이를 통해 동시에 여러 값을 할당할 수 있습니다.

const [x, y] = [1, 2];

이는 각 변수가 배열 외부에 존재하며 해당 값을 개별적으로 확인할 수 있음을 의미합니다.

예시:

x
<< 1

y
<< 2

또는,

[x, y] = [y, x];
x
<< 2

y
<< 1

이것은 데이터 구조에 대한 3개의 게시물 시리즈 중 (1부)이며, (2부)와 (3부)가 시리즈를 완료합니다.