공공 데이터 JS 기초1 #4

 

데이터 입력 및 타입 확인

//[1] 데이터 

const person = [
	'{"name":"홍길동","age":20,"nationality":"한국"}',    -> '' 로 감쌌기 때문에 string
	{"name":"이순신","age":30,"nationality":"미국"},
	{"name":"강감찬","age":40,"nationality":"영국"},
	{"name":"을지문덕","age":50,"nationality":"프랑스"}
];

console.log(typeof person); //Object


console.log(typeof person[0]); //string  ''
console.log(typeof person[1]); //object

 

출력

 

 

//JSON 데이터를 다루기 위한 JS 기본 사용법 

//[1] 데이터 

const person = [
	'{"name":"홍길동","age":20,"nationality":"한국"}',
	{"name":"이순신","age":30,"nationality":"미국"},
	{"name":"강감찬","age":40,"nationality":"영국"},
	{"name":"을지문덕","age":50,"nationality":"프랑스"}
];


//[2] : 출력 
console.log('==========================');

console.log(person[0]);  // {"name":"홍길동","age":20,"nationality":"한국"} 문자 그대로 출력 
console.log(person[0].name+" "+person[0].age+" "+person[0].nationality+" "); // undefined undefined undefined 

console.log('');
 
console.log(person[1].name+" "+person[1].age+" "+person[1].nationality+" "); // 이순신 30 미국   
console.log(person[1]); //Object 형으로 출력 

console.log('==========================');

 

 

 

 

 

// [3] : 반복  [전개연산자]
console.log('-----------------------------전개 연산자');

const str1 ="korea";
console.log(...str1); //전개연산자   k o r e a


console.log([...str1]);  //prototype : Array  ([])
console.log({...str1});  //prototype : Object ({})

 

 

 

 

 

// [3] : 반복  [전개연산자]
console.log('-----------------------------전개 연산자');


console.log([...person]);  //prototype : Array  ([])
console.log([...person].length);
console.log([...person][0].name);    // 홍길동 
console.log([...person][1].age);     // 30
console.log([...person][0].nationality); // 한국

console.log({...person});  //prototype : Object ({})  
console.log({...person}[3].name);  //을지문덕

 

 

 

// [4] : 반복 가능한 객체 --> for .. of, ...(전개 연산자)
console.log( '--------------------------------------------- for .. of' );
for( let ele of person ) {					// person --> iterable 즉, 반복 가능한 객체가 오면 된다. 
	console.log( ele );
}

console.log( '--------------------------------------------- for .. in' );
for( let i in person ) {					
	console.log( i );  //i 가 인덱스라고 생각하면 된다. 
}

for( let k in person[0] ) {	//키
	console.log( k );  //
}