객체란?
서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인 것이다.
배열
-이름 없이 값만 나열 되는 경우 사용한다.
-값에 접근할땐 배열이름[인덱스번호]
(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>