- 배열 : 순서에 따라 정보를 정리정돈한다. [대괄호]
- 객체 : 이름이 있는 정리정돈 상자. {중괄호}
1. 객체 생성하는 법
var coworkers = { "programmer":"egoing", "designer":"leezche" }; |
- coworks라는 객체에 변수를 담을 것이다 라는 의미.
- coworks라는 객체에 egoing이라는 정보를 programmer라는 딱지를 붙여서 저장해놓은 것.
2.객체 데이터(정보) 꺼내는 법
document.write("programmer : "+coworkers.programmer+"<br>"); document.write("designer : "+coworkers.designer+"<br>"); |
- 실질적으로 정보를 가져오는 코드는 +coworkers.programmer+ 이다.
3. 이미 만들어진 객체에 정보(데이터) 추가하는법
coworkers.bookkeeper="duru"; document.write("bookkeeper : "+coworkers.bookkeeper+"<br>"); |
▼
📍만약에, data scientist를 추가하고싶다면?
coworkers.data scientist |
- data 다음으로 띄어쓰기가 들어가서 문법적 오류. (이름에 공백을 넣을 수없다.)
- 배열에서 어떤 정보를 가져올 때 쓰는 게 [대괄호] 이므로 , 대괄호를 쓰고 문자를 넣으면 그 의미가 똑같아진다.
▶수정된 코드
coworkers["data scientist"] = "taeho"; document.write("data scientist : "+coworkers["data scientist"]+"<br>"); |
따라서 이런 결과가 출력된다.
728x90
'📌Development > JavaScript' 카테고리의 다른 글
[JS] 파일로 쪼개서 정리 정돈하기 (0) | 2023.03.06 |
---|---|
[JS]객체의 활용 (0) | 2023.03.06 |
[JS]객체프로퍼티와 메소드 (0) | 2023.03.06 |
[JS]객체와 반복문 (0) | 2023.03.06 |
03.[JS] React Page (1) | 2023.03.05 |