JavaScript 객체 지향 - 객체와 반복문

김민재·2021년 7월 9일
0

객체란?

서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인 것이다.

  • 배열

    -이름 없이 값만 나열 되는 경우 사용한다.
    -값에 접근할땐 배열이름[인덱스번호]
    (ex. ArrayName[0])
<script>
const memberArray = ['jamie','lee','kim'];
console.log("memberArray[2]", memberArray[2])
</script>
  • 객체

    -이름과 값(키와 밸류)이 매치된 데이터를 정리할때 사용한다.
    -값에 접근할땐 객체이름.값이름
    (ex. ObjectName.keyname )
    OR 객체이름['값이름']
    (ex. ObjectName['keyname'] )
<script>
const memberObject = {
  manager : 'jamie',
  developer : 'lee',
  designer : 'kim'
}
memberObject.designer = 'kimm';
//객체에 접근하여 수정할 때
console.log("memberObject.designer", memberObject.designer);
console.log("memberObject['designer']", memberObject['designer']);
delete memberObject.manager;
//객체에 접근하여 삭제할 때
console.log('after delete 
memberObject', memberObject.manager)
</script>

배열, 객체와 반복문

  • 배열과 반복문

<script>
const memberArray = ['jamie','lee','kim'];
console.group('array loop')
let i = 0;
while(i <memberArray.length) {
  console.log(i, memberArray[i]);
  i+=1;
}
console.groupEnd('array loop')
</script>
  • 객체와 반복문

    -객체는 반복문을 사용할때 for in문 사용한다.
    -for (값의 이름을 담을 변수 in 객체명){
    // 값을 불러올 떈
    객체명[값 이름 담은 변수]를 사용해야함.
    }
<script>
const memberObject = {
  manager : 'jamie',
  developer : 'lee',
  designer : 'kim'
}
console.group('object loop');
for (let job in memberObject){
  console.log(job, memberObject[job]);
}
console.groupEnd('object loop');
</script>
profile
자기 신뢰의 힘을 믿고 실천하는 개발자가 되고자합니다.

0개의 댓글