Javascript에 내장된 데이터 구조

이 게시물에서는 JavaScript에서 즉시 사용할 수 있는 다양한 데이터 구조를 살펴보겠습니다(이러한 데이터 구조를 직접 코딩할 필요가 없기 때문에 기본적으로 사용 가능). 또한 이러한 데이터 구조를 처리하는 데 도움이 되는 몇 가지 방법을 살펴보겠습니다.

JavaScript는 다음 데이터 구조를 기본적으로 지원합니다.

어레이

세트

지도

정렬

배열은 항목의 모음입니다. JavaScript에서는 다양한 유형의 데이터를 포함하는 배열을 가질 수 있습니다. 실제로는 데이터 유형이 동일한 배열을 만나게 됩니다.

배열을 만드는 방법에는 세 가지가 있습니다.

변수 정의 및 할당

new Array([1....n])

새로운 배열(배열 길이)

어레이 작업

배열에서 요소에 액세스:
배열 요소에는 인덱스가 있으며 인덱스는 0부터 시작하여 array.length -1로 이동합니다. 특정 인덱스에 있는 요소에 액세스하려면 다음 구문 arrName[index]를 사용하십시오.

이미 존재하는 배열에 요소를 추가하려면 array.push()를 사용하십시오.

배열의 요소 수를 찾으려면 array.length 속성을 사용하십시오.

요소가 있는지 확인하려면 array.indexOf() 또는 array.includes()를 사용하십시오.

배열에서 요소를 제거하려면 array.splice() 메서드를 사용할 수 있습니다. 마지막 요소를 제거하려면 array.pop() 메서드를 사용할 수 있습니다.
Splice는 기존 배열을 수정하여 특정 인덱스에서 요소를 제거하려면 array.splice(index, 1)를 사용합니다.

array.concat() 메서드를 사용하여 두 배열을 결합할 수 있습니다.

세트

Array와 마찬가지로 Set도 항목의 모음이며 집합의 차이점은 값이 한 번만 나타납니다.

다음과 같이 집합을 만들 수 있습니다.

let set = new Set([1, 2, 3, 4, 5, 6, 6, 6])

세트에는 1,2,3,4,5,6이 포함됩니다.


작업 설정

집합의 요소 수를 가져오려면 집합의 크기 속성(set.size)을 사용합니다.

값을 추가하려면 set.add()를 사용하고 집합을 반환합니다.

요소를 제거하려면 set.delete(value)를 사용하고 집합에서 모든 요소를 ​​제거하려면 set.clear()를 사용합니다

세트는 중복을 제거하는 추가 논리가 필요한 동일한 작업에 배열을 사용한 경우 고유한 항목 모음이 필요할 때 유용합니다.

지도

키-값 쌍의 모음이므로 개체와 동일합니까?
최상위 수준에서는 동일하게 보이지만 약간의 차이가 있습니다.

객체의 키는 문자열만 가능하며 지도의 경우에는 그렇지 않습니다.

키는 맵에서 삽입 순서로 저장됩니다.

크기 속성을 사용하여 지도의 크기를 가져올 수도 있습니다.

맵은 반복 가능하므로 맵에서 .forEach를 직접 사용할 수 있습니다. 객체의 경우 해당 키의 값을 가져오려면 먼저 키를 가져와야 합니다.

이와 함께 지도 프로토타입에는 몇 가지 도우미 메서드가 있습니다.
예를 들어 맵에 키가 있는지 확인하려면 다음을 수행할 수 있습니다.
map.has(키).

다음과 같이 지도를 만들 수 있습니다.

let map = new Map([['name', 'John'], ['age', '21']])

지도 작업

맵의 요소 수를 가져오려면 크기 속성을 사용하십시오.

개체에 액세스하는 것처럼 맵에서 값에 액세스할 수 없습니다.
지도에서 .get() 메서드를 사용해야 합니다.

지도에 값을 추가하려면 .set() 메서드를 사용해야 합니다.

이제 이러한 데이터 구조의 기본 사항을 알았으므로 계속해서 시도해보고 무언가를 구현하십시오.

참조

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map

이 게시물이 마음에 들면 공유하십시오.