CRUD 작업을 시작하기 전에 다음에 대해 알아보십시오.

JSON의 변수에서 속성을 만드는 방법

카밀로 마르티네즈 ・ 2018년 9월 21일 ・ 2분 읽기

#javascript #json #howto #properties

CRUD 작업은 프로그래머로서 평생을 할 일입니다.

JSON을 사용하면 영리한 데이터 구조를 사용하여 for 루프로 무차별 대입 검색을 피할 수 있습니다. "캐릭터"이름을 "기본 키"로 사용.

왕좌의 게임 예시

데이터

  var got = {
    "Jon Snow": {"name": "Kit Harington", "gender": "Male", "house": "Starks"},
    "Daenerys": {"name": "Emilia Clarke", "gender": "Female", "house": "Targaryens"},
    "Tyrion": {"name": "Peter Dinklage", "gender": "Male", "house": "Lanisters"}
  }

캐릭터 추가(만들기):

//숨겨진 설정 JavaScript 코드가 이 프리앰블 영역에 들어갑니다.
var 얻었다 = {
"존 스노우": {"이름": "킷 해링턴", "성별": "남성", "집": "스타크스"},
"Daenerys": {"이름": "Emilia Clarke", "성별": "여성", "집": "Targaryens"},
"티리온": {"이름": "피터 딘클리지", "성별": "남성", "집": "라니스터"}
}




//[RUN] 버튼을 클릭하면 결과를 볼 수 있습니다.
var 캐릭터 개체 = {
"이름": "벨라 램지",
"성별 여성",
"집": "모르몬트"
};
var 문자 = "리아나";
got[문자] = characterObject;
console.log(가지고)

문자 찾기(읽기):

//숨겨진 설정 JavaScript 코드가 이 프리앰블 영역에 들어갑니다.
var 얻었다 = {
"존 스노우": {"이름": "킷 해링턴", "성별": "남성", "집": "스타크스"},
"Daenerys": {"이름": "Emilia Clarke", "성별": "여성", "집": "Targaryens"},
"티리온": {"이름": "피터 딘클리지", "성별": "남성", "집": "라니스터"}
}




//[RUN] 버튼을 클릭하면 결과를 볼 수 있습니다.
var 문자 = "티리온";//또는 무엇이든
var result = got[문자];
콘솔.로그(결과)
console.log(결과.이름)
콘솔.로그(결과.성별)
console.log(결과.하우스)

캐릭터 업데이트(업데이트):

//숨겨진 설정 JavaScript 코드가 이 프리앰블 영역에 들어갑니다.
var 얻었다 = {
"존 스노우": {"이름": "킷 해링턴", "성별": "남성", "집": "스타크스"},
"Daenerys": {"이름": "Emilia Clarke", "성별": "여성", "집": "Targaryens"},
"티리온": {"이름": "피터 딘클리지", "성별": "남성", "집": "라니스터"}
}




//[RUN] 버튼을 클릭하면 결과를 볼 수 있습니다.
var 문자 = "존 스노우";
got[character].house = "타르가르옌"
var result = got[문자];
콘솔.로그(결과)

캐릭터 제거(삭제):

//숨겨진 설정 JavaScript 코드가 이 프리앰블 영역에 들어갑니다.
var 얻었다 = {
"존 스노우": {"이름": "킷 해링턴", "성별": "남성", "집": "스타크스"},
"Daenerys": {"이름": "Emilia Clarke", "성별": "여성", "집": "Targaryens"},
"티리온": {"이름": "피터 딘클리지", "성별": "남성", "집": "라니스터"}
}




//[RUN] 버튼을 클릭하면 결과를 볼 수 있습니다.
var 문자 = "티리온";
삭제 got[문자];
console.log(가지고)

대체 구조

약간 보기에는 좋지만 CRUD 작업에서 다양한 위치를 처리해야 합니다.



//숨겨진 설정 JavaScript 코드가 이 프리앰블 영역에 들어갑니다.




//데이터
var 얻었다 = {
"인덱스": {
"존 스노우": 0, "대너리스": 1, "티리온": 2
},
"데이터": [
{"이름": "키트 해링턴", "성별": "남성", "집": "스타크스"},
{"이름": "에밀리아 클라크", "성별": "여성", "집": "타르가르옌"},
{"이름": "피터 딘클리지", "성별": "남성", "집": "라니스터"}
]
}

var 문자 = "대너리스";
var index = got.index[문자];
var 데이터 = got.data[인덱스];
console.log(데이터);





그게 다야!
행복한 코딩 🖖