WEB2 - JavaScript

댓글

댓글 본문
작성자
비밀번호
  1. Jupi
    -정리-

    - 정보의 양이 많아졌을 때 서로 연관된 정보를 정리하는 도구로써 '배열'
    배열은 순서에 따라서 정보를 정리정돈

    - 객체(object)는 순서 없이 정보를 저장할 수 있다.
    - 객체는 이름이 있는 정리정돈 상자.
    ex) 옷을 정리하기 위해서 수납상자를 산다. 그 수납함에 이름표를 단 옷을 보관한다.

    - 객체 만들기
    var coworkers = {
    "programmer" : "egoing",
    "designer" : "leezche"
    };
    coworkers의 이름을 가진 객체를 만드는데, 2개의 속성을 넣었다.
    하나의 속성은, 속성명(key)이 programmer, 속성값(value)을 egoing,
    다른 하나의 속성은, 속성명(key)이 designer, 속성값(value)을 leezche로 만들었다.
    (배열은 []대괄호를 쓰지만, 객체는 {}중괄호)

    - 객체 불러오기
    coworkers.programmer;
    coworkers뒤에 있는 마침표는 'object access operator'라고 한다.
    글자에 빈칸이 있을 때
    coworkers["data scientist"];

    - 객체 추가하기
    coworkers.bookkeeper = "duru";
    글자에 빈칸이 있을 때
    coworkers["data scientist"] = "taeho";

    - 객체에 저장된 데이터를 모조리 가져올 때
    for(var key in coworkers){
    document.write(key);
    }

    - 객체의 value에 '함수'도 넣을 수 있다.
    - 함수를 정의하는 법 다시
    기본 > function ** () {}
    다른 > var ** = function () {}

    - 객체 안에 함수 넣기
    coworkers.showAll = function(){
    for(var key in coworkers){
    document.write(key);
    }
    }
    위와 같이 적용한다면,
    나중에 객체의 이름이 바뀌었을 때 'showAll'이라는 함수 안에,
    그대로 coworkers가 들어가 져 있어, 객체의 이름에 자동반응하지 못한다.
    그러므로, showAll함수 안의 coworkers를 this로 바꾸어주면 객체의 이름이 바뀐다 해도 대응 가능하다.
  2. Jupi
    그렇군요! 답변 고맙습니다 ^^
    그리고 언제나 격하게 감사드립니다!
    대화보기
    • egoing
      찾으신 내용이 더 정확한 구분이 되겠네요~ 잘하셨어요 ^^
      대화보기
      • Jupi
        이고잉님, 객체의 명칭에 대해 공부차 찾아 보았는데요.
        객체 프로퍼티를 동영상에서 "programmer" , "designer", "showAll" 과 같은 것이라 하셨는데,
        그 값의 "egoing" 이나 "leezche"는 프로퍼티에 속해 있지 않은 건가요?

        제가 참고한 사이트는 programmer : 'egoing' 전부가 속성이고,
        programmer는 키(key), 'egoing'은 값(value)라고 하더라구요..

        둘 다 포함 한게 속성이 맞나요??

        객체에 대한 추가정보(명칭 등)
        https://goo.gl/2qSweF
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기