객체의 쓰기와 읽기
객체와 반복문
프로퍼티와 메소드
댓글
-
완료 -
감사합니다
-
객체 정말 이해하기 어렵네요.
-
완료
-
완료
-
완료
-
20191001 Ted 완료!
-
완료
-
수강완료. 감사합니다.
-
완료
-
완료
-
완료
-
감사합니다!
-
잘봤습니다
-
완료
-
프로퍼티 메소드 다시 복습 필요
-
자바에 이르러서는 설명하시는 말의 각 문장은 알아듣는것 같은데 전체 내용으로서 배웠으니 스스로 작성해봐 라고 했을때 코드열을 아무것도 구성하지 못하겠는 이 막막함은 뭘까요? 제가 이해를 한건지도 헷갈리네요. 욕심이 너무 큰건가? 단어와 문법에 따른 문장 코드 및 코드 문단이 당연하게 받아들여 질때까지 단어와 문법구조를 반복암기해야 할 까요? -
프로퍼티와 메소드 빼고 완료!
-
우왕싱기
객체생성법 : 객체생성하는건 object literal(중괄호) 이용해서 죽쭉쭉 나열~
---
객체순회 : 반복문을 이용해서 객체안의 key값들을 다 순회할 수 있다
---
객체 프로퍼티와 메소드
함수가 아니라 메소드, 변수가 아니라 프로퍼티라고 부르고
맥락적으로 다름! -
dictionary 를 취급하는 것과 비슷하군요.
-
완료 -
어려어
coworkers.showAll = function(){ }
coworker의 객체 안에 showAll이라는 함수를 정의
객체 안의 함수는 메소드
객체 안의 변수는 프라퍼티 -
완료~!
-
190509 감사합니다. -
완료! -
<script>
var locations = {
hq: "123 dundas st, LA",
supplier: "Open Tutorial, Seoul",
kiosk: "5595 king st, New York",
showAll() {
for (var key in this) {
if (typeof this[key] !== "function") {
document.write(key + " : " + this[key] + "</br>");
}
}
}
};
locations.showAll();
</script> -
for(var key in skewered){
document.write(skewered.key+'<br>');
}
계속 왜 안되지 했는데 이렇게 적었었네요
document.write만 쓸때랑 달라서 헷갈려요 -
완료!
-
2019-02-21 완료
-
객체와 반복문까지 보았는데, JavaScript의 객체는 다른언어의 Map 자료구조와 비슷한 느낌이네요!...
-
완료
-
완료
-
머릿속이 마치 정돈된 서랍장을 쾅 닫앗을 때처럼 된것 같네요..
-
감사합니다. 완료
-
this
-
완료 감사합니다:)
-
완료!감사합니다 "객체":"프로퍼티"
-
완료
-
완료
-
객체는 배열과 다르게 순서없이 담을 수 있는 성질을 갖았다.
객체는 숫자,문자뿐만 아니라 함수도 담을수 있다. -
감사합니다. 진도가 정말 빨라서 일취월장하는거 같습니다.
-
감사합니다. -
잘 모르겠습니다 하지만 계속 가겠습니다 ㅜㅜ
-
안녕 난 객체라고해
세상의 모든것을 담을수 있지
나와 함께라면 두려울게 없어 -
꿀재미 입니다
-
감사합니다.
-
[객체]
순서가 있게 정보를 저장하는것이 배열(array)라면
순서가 없이 정보를 저장할수있는것이 객체이다.
배열은 [] 객체는 {}
var coworkers={"warrior":"changmin"}
{key값 : value값} // 내부에 들어가는 'warrior:changmin' 이 한덩어리를 property (속성값)이라고한다.
<h2>Coworkers</h2>
<script>
var coworkers={"warrior":"changmin",
"magiction":"abc",
"tanker":"qqwerr",
["mad scientist"]:"yezi"}; //띄어쓰기가 되어있을 경우 괄호를 씌워 줘야 한다.
document.write("warrior : "+coworkers.warrior+"<br>");// '.' 점은 오브젝트 엑세스 오퍼레이터라고한다. 즉 객체에 접근하기위한것//
document.write("magiction : "+coworkers.magiction+"<br>");
document.write("tanker : "+coworkers.tanker+"<br>");
document.write("mad scientist : "+coworkers["mad scientist"]+"<br>"); //띄어쓰기가 되어있을경우는 오브젝트 오프레이터로
//불러오지 못하고 array와 비슷하게 불러오게된다.
coworkers.keeper="mysql"; //정보를 더넣을 때 쓰인다.
document.write("keeper : "+coworkers.keeper+"<br>"); //
coworkers["my day"]="global"; //위에서 말했듯이 띄어쓰기 할떄 괄호를 넣는다.
document.write("my day :"+coworkers["my day"]+"<br>");
</script>
-객체와 반복문 : 객체내부에서 모든 데이터를 뽑아내야 할때 위와 같이 쓰면 매우 비생산적이다.
반복문을 통해서 데이터를 꺼내자
<h2>iterate</h2>
<script>
for(var key in coworkers){ //coworkers 라는 객체내에서 key 값을 가져온다는 반복문이다.
document.write(key+'<br>'); //객체로 반복문을 만들고 싶을때 구문이다.
}
</script>
<br>
<script>
for(var key in coworkers){
document.write(coworkers[key]+'<br>'); //객체의 키값에해당하는 데이터를 가져오겠다는구문이다.
}
</script>
<br>
<script>
for(var key in coworkers){
document.write(key + ':' +coworkers[key]+'<br>') // 이렇게 하면 반복문을 하기전에 했던 구문과 같아진다.
}
</script>
위와 같이 처음에 했던 객체의 예문을 단 세줄로 줄일수가 있다.
-Property & Method
property : 위에서 설명했지만 한번더 하자면 객체 내부에 들어가는 속성값을 말한다.
var coworkers={"warrior":"changmin"}
{key값 : value값} // 내부에 들어가는 'warrior:changmin' 이 한덩어리를 property (속성값)이라고한다.
Method : 객체 내부에 들어가는 함수를 메소드라고한다. -
검색해보니,
Object.keys(객체명).length;
라고 나오네요.
"자바스크립트 객체 사이즈(크기)"나 "javascript object size"로 검색해보시면 더 알아보실 수 있을 것 같아요. -
배열에는 배열명[0]부터 내용물이 순서대로 인덱스가 매겨지는데,
객체에는 객체명[키값]에 따라 내용물에 접근할 수 있는 부분을 말씀하신 것 같아요!
예)
배열의 경우:
var arrayName = ['a', 'b', 'c', 'd'];
// 여기서 내용물은 왼쪽부터 순서대로 a[0], a[1], a[2], a[3] => 순서있는 인덱스마다 값이 정해져 있음
객체의 경우:
var objectName = { "name":"happy", "number": 3, "id":777 };
// objectName[name], object[number], object[id] => 순서없이 키(key)에 따라 값(value) 정해져 있음
구글에서 "자바스크립트 객체 배열" 등의 키워드로 검색해보시면 여러 자료가 있을거에요.
방금 하나 찾은 곳이 있어 링크 남겨드려봅니다.
https://www.zerocho.com......ee3 -
index: 배열 안의 데이터는 순서대로 배치되어 있음.
key: 객체에 속한 데이터는 순서대로 정리되어 있지 않음.
어떤 비유로 적용해야 할지는 아직 모르겠네요.
단순하게 딸기랑 바나나라는 데이터가 있을때 빨간색 과일은 딸기 노랑색 과일은 바나나는 배열이라고 말할 수는 없겠고.
또 과일주스는 딸기랑 바나나가 모두 속한다라고 해석하는건 오류가 있는거 같고.
아무래도 얼마나 단순한지 아니면 얼마나 복잡한지에 따라 배열과 객체로 나눈다라는 말이 납득할 수 있을거 같네요.
또는 얼마나 구체적인지 아니면 복잡해서 오히려 핵심만 집어야 나을거 같은 추상적인지에 따라 나눠질 수 있을거 같기도 하고요.
정확하다고는 말할 수는 없겠지만 제가 생각하기에
단순하다는 건, 이것이 채소인지 아니면 과일인지.
복잡한건 기차역에서 무엇을 하기에 이 사람은 손님이라고 불리는 것인가, 또 이사람은 (what,why,how,when,where) 하기에 역무원이라고 불리는 것인가?
버전 관리
| egoing |
| 현재 버전 | |
|---|---|
| 선택 버전 |
