JavaScript에 키-값 배열 저장

  2. 어떻게
  3. JavaScript 하우투
  4. JavaScript에 키-값 배열 저장
Kirill Ibrahim 2023년10월12일
JavaScript JavaScript Array JavaScript Map
  1. JavaScript Object를 사용하여 키-값 배열 저장
  2. JavaScript 맵을 사용하여 키-값 배열 저장
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 Array

관련 문장 - JavaScript Map