JavaScript에 키-값 배열 저장

Kirill Ibrahim 2023년1월30일 2020년12월25일

JavaScript JavaScript Array JavaScript Map

JavaScript Object를 사용하여 키-값 배열 저장
JavaScript 맵을 사용하여 키-값 배열 저장

JavaScript의 배열은 서로 다른 요소를 저장하는 단일 변수입니다. 요소 목록을 저장하는 데 필요할 수 있으며 각 요소에는 색인을 통해 액세스 할 수 있습니다. JavaScript에는 키-값 배열을 저장하는 다른 방법이 있습니다.

JavaScript `Object`를 사용하여 키-값 배열 저장

JavaScript 객체는 속성이있는 엔티티이며 각 속성에는 값이 있으므로 키-값 용어가 작동 할 수 있습니다.

예:

let obj1 = { id: 1, name: 'Mark', age: 30, country: "USA" };
obj1.city = "New York";
obj1['job'] = "software developer";

console.log(obj1);

출력:

{
age: 30
city: "New York"
country: "USA"
id: 1
job: "software developer"
name: "Mark"
}

반복 할 수 있습니다.

let obj1 = { id: 1, name: 'Mark', age: 30, country: "USA" };
obj1.city = "New York";
obj1['job'] = "software developer";

for (let key in obj1) {
  console.log(key + " => " + obj1[key]);
}

출력:

id => 1
name => Mark
age => 30
country => USA
city => New York
job => software developer

배열이있는 경우 배열을 하나씩 반복하고 각 요소의 인덱스에서 키를 추가하고 해당 값을 Object에 추가 할 수 있습니다.

let arr1 = ["delfstack", "Computer", "Science"]; 

let obj1 = {}; 

for(let i = 0; i < arr1.length; i++){
  obj1[i] = arr1[i]; 
} 

for (let key of Object.keys(obj1)) {
  console.log(key + " => " + obj1[key] ) 
}

출력:

0 => delfstack
1 => Computer
2 => Science

JavaScript 맵을 사용하여 키-값 배열 저장

Map은Object와 같습니다. 키가있는 데이터 항목의 목록입니다. 차이점은Map은 모든 유형의 키를 허용한다는 것입니다.

JavaScript 맵 구문

let map = new Map();

키 저장 => 값:

map.set('name', 'mark');

Java 맵의 예

let arr1 = ["delfstack", "Computer", "Science"]; 

let map = new Map(); 

for(let i = 0; i < arr1.length; i++){
  map.set(i, arr1[i]); 
} 

for (let key of map.keys()) {
  console.log(key + " => " + map.get(key) ) 
}

출력:

0 => delfstack
1 => Computer
2 => Science

JavaScript Object를 사용하여 키-값 배열 저장

예:

JavaScript 맵을 사용하여 키-값 배열 저장

JavaScript 맵 구문

Java 맵의 예

관련 문장 - JavaScript Array

JavaScript `Object`를 사용하여 키-값 배열 저장