[생활코딩 따라가기] javascript 객체 지향 프로그래밍_01배열과 객체

javascript 객체 지향 프로그래밍

01. 배열과 객체

 

생활코딩의 새로운? 수업,,, 사실 최근에 리엑트 수업이 떴다... 으흐흐

https://opentutorials.org/module/4047

JavaScript 객체 지향 프로그래밍

오예~ 최근엔 PHP 뿐만아니라 자바스크립트도 객체 지향으로 가는 추세인거 같다. 그러다보니.. 자바랑 너무 비슷하다 ^^ 개이득

게다가 이번 생활코딩의 수업은 바로 리엑트를 배우기 위한 기초 소양쌓기 정도라고 한다 ^^

으흐흐~ 다소 늦은 감이 있지만,, 두근두근~ 고고!!! 닷~ 리엑트야~ 조금만 기둥겨라~

 

 

예제 | object01.js

//배열 
var memArray=['a','b','c'];
console.log("memArray[2] : ", memArray[2]);

//객체 생성
var memObject={
    manager:'egoing',
    developer:'chanwoo'
}
console.log("memObject.developer : ", memObject.developer);

//객체 수정
memObject.developer='egoing';
console.log("memObject[developer] : ", memObject['developer']);

//객체 삭제 
delete memObject.developer;
console.log("delete memObject[developer] : ", memObject['developer']);

실행결과  object01.js

 

 

 

예제 | object02.js

//배열 
// console.group 사용하기 
var memArray=['a','b','c'];
var i = 0 ;
console.group('array Roop');
while(i<memArray.length){
    console.log(i, memArray[i]);
    i = i + 1;
}
console.groupEnd('array Roop');



//객체  
// for(var 임의변수 in 대상객체), 이건 마치 foreach 문과 비슷하다 ㅎㅎㅎ 
var memObject={
    manager:'egoing',
    developer:'chanwoo'
}
console.group('object Roop');
for(var name in memObject){
    console.log(name, memObject[name]);
}
console.groupEnd('object Roop');

실행결과  object02.js