배열

배열 작성

var todo = ['디자인 샘플작성', '데이터 정리', '스터디신청', '우유사기'];

 

배열에서 데이터 읽어오기

배열이름 [인덱스 번호]

 

※ 첫 번째 데이터의 인덱스가 1번이 아닌 0번이다.

또한, 등록돼있는 데이터 수 보다 큰 인덱스 번호를 지정하면 '데이터가 등록돼 있지 않다' 는 의미의 undefiend가 반환됨.

 

배열의 모든 항목 읽어오기

var todo = ['디자인 샘플작성', '데이터 정리', '스터디신청', '우유사기'];

for (var i=0; i<todo.length; i++){

    console.log(todo[i]);

}

 

항목 추가하기

var todo = [ ~ ]

todo.push('치과가기');

 

배열의 메서드

배열의 변수명.pop()                                                         배열의 마지막 데이터 삭제

배열의 변수명.push(데이터)                                           배열의 마지막에 데이터 추가

배열의 변수명.shift()                                                         배열의 첫번째 데이터 삭제

배열의 변수명.unshift(데이터1, 데이터2, ...)              배열의 앞 부분에 데이터1, 데이터2 추가

 

태그 생성하기 

document.createElement(태그명)

ex) document.createElement('li'); <li></li>가 생성

 

객체

객체(object)란 '여러 프로퍼티를 가지고있는 데이터의 집합'이다.

각 프로퍼티에는 데이터가 저장돼 있으므로 '각종 데이터를 하나로 모아서 하나의 변수로 사영할 수 있는 데이터'

 

var 변수명 = {프로퍼티명1:데이터, 프로퍼티명2:데이터, ...., 프로퍼티명X:데이터};

ex) var jsbook = {title: ' javascript입문 ' , price: 2500, stock: 3};

 

1) 프로퍼티 데이터 읽기

객체명.프로퍼티명  OR  객체명['프로퍼티명']

2) 프로퍼티 데이터 변경하기

객체명.프로퍼티명 = 변경할 데이터;    OR    객체명['프로퍼티명'] = 변경할 데이터

 

배열의 모든 프로퍼티 읽어오기( for...in 문)

for in 문은 객체의 프로퍼티를 모두 읽어 내기 위한 전용 반복문

객체에 등록돼 있는 프로퍼티 수만큼 { ~ } 안의 처리를 반복함.

 

for .... in 문

for(var 프로퍼티를 저장해 두는 변수명 in 객체명) { 처리 내용 }

 

for(var p in jsbook){

    console.log(p + '=' + jsbook[p]);

} 

=> 변수 p에는 for.... in 이 반복될 때 마다 객체에 등록돼 있는 프로퍼티의 명칭이 하나씩 대입된다.

 

 

 

참고글 : '처음 만나는 자바스크립트' 책