509. (javaScript) [간단 소스] 자바스크립트 Object.keys 사용해 json 에 저장 된 key 키 포함 및 개수 확인 및 for 문 key , value 출력

---

[개발 환경 설정]

​

개발 툴 : Edit++

​

개발 언어 : JavaScript

​

 

---

[소스 코드]

​

-----------------------------------------------------------------------------------------
[사전 설명 및 설정 사항]
-----------------------------------------------------------------------------------------

- 개발 환경 : Web


- 개발 기술 : JavaScript (자바스크립트) / JSON / Object.keys


- 사전) 👉 Object.keys 간력 설명 : 

  >> Object.keys()는 객체의 '열거 가능한(enumerable)' 속성 이름(key)들을 배열로 반환하는 함수입니다.

    - obj : key 목록을 얻고 싶은 객체
    - 반환값 : 문자열 배열(String[])

  >> 기본 문법 : Object.keys(obj)

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[소스 코드]
-----------------------------------------------------------------------------------------

------------------------------------------------------------
▶️ [Object.keys 사용해 key 가 1개 이상 저장 되었는지 확인 코드]
------------------------------------------------------------

const obj = { a: 1, b: 2 };

if (obj !== null && obj !== undefined && Object.keys(obj).length > 0) {
  console.log("key 가 1개 이상 있습니다!");
} else {
  console.error("key 가 없습니다.");
}



------------------------------------------------------------
▶️ [Object.keys 사용해 JSON 객체의 key 리스트 가져오기]
------------------------------------------------------------

const obj = { a: 1, b: 2 };

const keys = Object.keys(obj);

console.log('json key list : ', keys); // ['a', 'b']



------------------------------------------------------------
▶️ [Object.keys 사용해 JSON key 리스트를 for 문으로 순회하기]
------------------------------------------------------------

const obj = { a: 1, b: 2 };

const keys = Object.keys(obj);

for (let i = 0; i < keys.length; i++) {

  const key = keys[i]; // get key
  const value = obj[key]; // get value

  console.log(key, value);

}

-----------------------------------------------------------------------------------------





-----------------------------------------------------------------------------------------
[참고 사이트]
-----------------------------------------------------------------------------------------

[자바스크립트 json string 문자열 데이터 JSON.parse 사용해 model 객체에 매핑 수행]

https://kkh0977.tistory.com/5055

https://blog.naver.com/kkh0977/223304887680?trackingCode=blog_bloghome_searchlist


[json 특정 key 포함 확인 및 데이터 출력 실시 - hasOwnProperty , for in]

https://kkh0977.tistory.com/1092

https://blog.naver.com/kkh0977/222461468315?trackingCode=blog_bloghome_searchlist


[JsonArray 에 담긴 JsonObject 객체 파싱해 특정 idx (순서) 로 정렬 실시]

https://kkh0977.tistory.com/876

https://blog.naver.com/kkh0977/222399966146?trackingCode=blog_bloghome_searchlist

-----------------------------------------------------------------------------------------

 

---

[참고 사이트]

​

https://kkh0977.tistory.com/5055

342. (javaScript) 자바스크립트 json string 문자열 데이터 JSON.parse 사용해 model 객체에 매핑 수행

---