JavaScript 객체 지향 프로그래밍

JavaScript 객체 지향 프로그래밍

배열과 객체

수업소개

객체를 이해하고, 배열을 더 잘 알기 위해서 배열과 객체를 비교해보는 시간입니다. 

 

 

 

강의 1

배열과 객체를 만들고, 값을 읽는 법을 소개합니다. 

 

 

 

코드

object.js (변경사항)

?
1
2
3
4
5
6
7
8
9
10
11
12
13
var memberArray = ['egoing', 'graphittie', 'leezhce'];
console.log("memberArray[2]", memberArray[2]);
var memberObject = {
manager:'egoing',
developer:'graphittie',
designer:'leezhce'
}
memberObject.designer = 'leezche';
console.log("memberObject.designer", memberObject.designer);
console.log("memberObject['designer']", memberObject['designer']);
delete memberObject.manager
console.log('after delete memberObject.manager', memberObject.manager);

 

 

 

강의 2

반복문을 이용해서 객체의 모든 값에 적근하는 방법을 소개합니다. 

 

 

 

코드

object_loop.js (변경사항)

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var memberArray = ['egoing', 'graphittie', 'leezche'];
console.group('array loop');
var i = 0;
while(i < memberArray.length){
console.log(i, memberArray[i]);
i = i + 1;
}
console.groupEnd('array loop');
var memberObject = {
manager:'egoing',
developer:'graphittie',
designer:'leezche'
}
console.group('object loop');
for(var name in memberObject){
console.log(name, memberObject[name]);
}
console.groupEnd('object loop');

 

 

 

댓글미션

배열과 객체의 차이점을 댓글로 설명해보세요.

댓글

댓글 본문
  1. TTimotti
    console.groupEnd();
    의 경우에는 인자값을 필요로 하지 않는다고 하는군요.
    답글
  2. 파시
    230618
    답글
  3. Kyu Youn Lee
    완료
    답글
  4. 개발맨
    완료
    답글
  5. mini
    20211201 완료! 감사합니다:)
    답글
  6. labis98
    20210830! 항상 좋은 교육 잘 듣고 있습니다. 감사합니다.
    답글
  7. js
    - 배열 : 대괄호 안에 값만 입력
    - 객체 : 중괄호 안에 이름+값
    답글
  8. 최동희
    배열의 원소는 각각의 순서로 구분되지만, 객체의 속성은 각각의 키워드로 구분된다.
    답글
  9. nicknameless
    배열: 이름없이 값만 나열//객체는 이름과 값(키 앤 벨류) 존재, . 과 [] 로 값 접근 가능. 근데 배열은 . 사용불가///
    for 문에서 mamberObject[name] ( o ) ... memberObject.name ( X )
    답글
  10. Giri
    감사합니다.
    답글
  11. 유밍
    배열은 이름 없이 목록(값)만 있으면 되는 경우 사용함.
    값에 접근할때는 배열이름[해당값의인덱스번호] (ex. ArrayName[0] ) 로 접근가능.

    객체는 이름과 값이 매치된 정보를 정리할때 사용.
    값에 접근할때는 객체이름.값이름 (ex. ObjectName.keyname ) 혹은 객체이름['값이름'] (ex. ObjectName['keyname'] ) 으로 접근 가능.

    + 객체는 반복문을 사용할때 for in 을 사용.
    for (var 값이름을담을변수 in 객체이름){
    // 여기서 값을 불러오는건 객체이름[값이름담은변수] 를 사용해야함. why? . 뒤에 변수가 바로 올수 없기때문!
    }
    답글
  12. Young Kwang Cho
    배열은 각 원소에 이름을 붙일 수 없고, 원소에 접근할 때 인덱스를 사용해야 한다.
    객체는 각 값에 이름을 붙일 수 있고, 그 이름을 사용해서 접근할 수 있다.
    답글
  13. egoing
    그렇네요. 객체를 쓰게 됩니다가 맞습니다.
    대화보기
      답글
    • SSING9
      3.1강의 3:03초 부분에 '배열을 쓰게 됩니다.'라고 하는데. '객체' 아닌가요?
      답글 수정 삭제
    • dayo_ong
      답글
    • 폭스킴
      값에 접근할 때,
      배열은 저장된 순서인 인덱스 번호를 사용하고,
      객체는 값의 이름을 직접 지정하여 사용한다.
      답글
    버전 관리
    egoing
    현재 버전
    선택 버전
    공동공부
    graphittie 자세히 보기