JavaScript 기초: 사전을 만들고 사용하는 방법

사전은 애플리케이션에 데이터를 저장하는 데 사용할 수 있는 데이터 구조입니다. 특정 값을 조회하고 검색할 수 있는 키-값 쌍을 사용하여 데이터를 저장할 수 있습니다.

사전에 데이터를 저장하면 각 항목을 반복하는 것과 같은 다른 작업을 완료할 수 있습니다. 항목이 있는지 확인하거나 더 이상 필요하지 않은 항목을 삭제할 수도 있습니다.

사전 개체를 만드는 방법

사전은 데이터를 저장하는 데 사용할 수 있는 많은 중요한 데이터 구조 중 하나입니다. C# 및 기타 여러 프로그래밍 언어로 사전을 만들 수 있습니다. Java에서 동등한 해시맵 데이터 구조를 생성할 수도 있습니다.

JavaScript에서 사전 개체를 만드는 데 사용할 수 있는 “사전” 키워드는 없습니다. 그러나 일반 개체를 사용하여 사전을 만들 수 있습니다. 다음은 “개체” 키워드를 사용하여 빈 사전을 만드는 방법에 대한 예입니다.

let dictionary = new Object();

다음 속기 구문을 사용하여 빈 사전을 만들 수도 있습니다.

let emptyDictionary = {};

값으로 사전을 초기화하려면 “key:value” 형식으로 각 값을 추가하면 됩니다.

아래 예를 사용하여 “Pidgey”라는 문자열 키를 생성하고 이를 값과 연결할 수 있습니다. 값은 애완 동물의 나이, 색상 및 성별에 대한 속성이 있는 개체입니다.

let petDictionary = {
    "Pidgey": { Age: 0.5, Color: "Gray", Gender: "Male" },
    "Mocha": { Age: 0.5, Color: "Brown", Gender: "Female" },
};

키는 문자열 데이터 유형으로 제한되지 않습니다. 숫자 또는 부울 값과 같은 다른 데이터 유형을 사용할 수 있습니다.

let wcDictionary = {
   1: { Team: "Argentina" },
   2: { Team: "France" },
};


let dictBool = {
   true: { Message: "Confirmed" },
   false: { Message: "Denied" },
};

사전 개체에 값을 추가하는 방법

다음 형식을 사용하여 사전에 새 항목을 추가할 수 있습니다.

dictionary[new_key] = new_value

new_key는 선택한 모든 유효한 키 값이 될 수 있습니다. 이것은 나중에 사전의 특정 항목에 액세스하려고 할 때 사용할 키입니다. new_value는 키와 연결하려는 개체 또는 값이 될 수 있습니다.

다음은 몇 가지 예제 값을 사용하여 사전에 새 항목을 추가하는 방법의 예입니다.

petDictionary["Apples"] = { Age: 2, Color: "Green", Gender: "Male" };

초기화할 때와 마찬가지로 다른 데이터 유형을 사용하여 키를 나타낼 수도 있습니다.

wcDictionary[3] = { Team: "Morocco" };

키를 기반으로 값에 액세스하는 방법

키 값을 사용하여 사전의 값에 액세스할 수 있습니다.

let dictionaryValue = petDictionary["Mocha"];
console.log(dictionaryValue);

반환된 값에는 해당 키에 대해 저장된 전체 개체 또는 값이 포함됩니다.

사전의 각 항목을 반복하는 방법

Object.keys() 메서드를 사용하여 사전의 각 항목을 반복할 수 있습니다. Object.Keys() 메서드는 사전에 사용된 모든 키를 포함하는 배열을 반환합니다.

console.log(Object.keys(petDictionary));

그러면 콘솔에 모든 사전의 키가 포함된 배열이 표시됩니다.

키 목록을 사용하여 사전의 각 항목을 반복하고 각 키의 값을 검색할 수 있습니다.

for (const key of Object.keys(petDictionary)) {
   console.log(key + ": ");
   console.log(petDictionary[key]);
};

콘솔에 다음 결과가 표시됩니다.

사전에 항목이 있는지 확인하는 방법

“in”키워드를 사용하여 사전에 키가 있는지 확인할 수 있습니다.

let inDictionary = 'Mocha' in petDictionary; // returns true
let notInDictionary = 'a' in petDictionary; // returns false

hasOwnProperty() 메서드를 사용하여 항목이 있는지 확인할 수도 있습니다.

let exists = petDictionary.hasOwnProperty('Mocha'); // returns true
let doesNotExist = petDictionary.hasOwnProperty('a'); // returns false

사전에서 값을 삭제하는 방법

값이 없음을 나타내기 위해 항목을 null로 설정할 수 있습니다.

petDictionary['Apples'] = null;

그러나 해당 항목은 여전히 ​​사전에 표시됩니다. 항목을 모두 제거하려면 “delete” 키워드를 사용하여 항목을 삭제할 수 있습니다.

delete petDictionary['Apples'];

JavaScript에서 사전 내부에 데이터 저장

JavaScript는 사전에 대한 일급 지원을 제공하지 않지만 일반 객체를 사용하여 키/값 쌍을 저장할 수 있습니다.

사전은 키를 사용하여 데이터를 저장하고 액세스하는 데 사용할 수 있는 매우 강력한 데이터 구조입니다. 사전은 데이터를 저장할 수 있는 유일한 장소가 아니므로 사용 사례에 더 적합한 다른 데이터 구조를 탐색할 수 있습니다.