객체(object) : 이름이 있는 정리정돈 상자
객체에서의 인덱스는 문자임.
############# 객체 불러오기 #############
var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};
key value key value key value
object['egoing'];
object.egoing;
key값으로 문자열과 메소드가 올수 있고, 숫자열도 올 수 있지만,
object[1]은 실행 가능하고, object.1은 실행이 불가능하다.
object['egoing']의 'egoing'은 문자열이기 때문에, object['ego'+'ing']도 실행가능
(대괄호 사용시는 안에서 프로그래밍적으로도 구현가능)
############# for in 문 #############
배열은 순서가 존재하지만,
객체는 key와 value를 가지고 있을뿐이다.
객체,배열안의 값을 모두 가져올때 사용
for (* in **){
console.log(* + **[*]);
}
** 에는 객체의 이름이 오고,
* 에는 객체 안의 key값이 인자로써 변수(매개변수라고 해야하나?)안에 대입된다. -- 약속임★★★
var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};
for(key in grades) {
document.write("key : "+key+" value : "+grades[key]+"<br />");
}
// 객체 안에 객체, 함수를 삽입할 수 있다.
############# this #############
this는 '소속되어 있는 객체를 가리키는 약속되어 있는 변수'
############# 객체지향 프로그래밍 #############
서로 연관되어 있는 값과 서로 연관되어 있는 처리를
하나의 그릇에 모아서 그룹핑하는 방식
'JavaScript' 카테고리의 다른 글
자바스크립트에서 replace를 replaceAll 처럼 사용하기 (0) | 2019.09.18 |
---|---|
모듈 (0) | 2019.09.08 |
누구나 한 번쯤은 띄워본 JavaScript 에러 TOP 10. (0) | 2019.08.30 |
jQuery - input 쓰기, 읽기, 활성화, 비활성화 - readonly, disabled (0) | 2019.08.30 |
배열 (0) | 2019.08.13 |