WEB2 - JavaScript

댓글

댓글 본문
작성자
비밀번호
  1. 완료
  2. 씬이삼
    감사합니다
  3. 감피이스
    객체 정말 이해하기 어렵네요.
  4. 굼벵이
    완료
  5. 박창신
    완료
  6. 감자
    완료
  7. 20191001 Ted 완료!
  8. 코딩만이 살길이다
    완료
  9. 쑤우
    수강완료. 감사합니다.
  10. 피닭씨
    완료
  11. 현우
    완료
  12. 정완료
    완료
  13. 한조
    감사합니다!
  14. 들국화
    잘봤습니다
  15. JT_brand
    완료
  16. 프로퍼티 메소드 다시 복습 필요
  17. 정경호
    자바에 이르러서는 설명하시는 말의 각 문장은 알아듣는것 같은데 전체 내용으로서 배웠으니 스스로 작성해봐 라고 했을때 코드열을 아무것도 구성하지 못하겠는 이 막막함은 뭘까요? 제가 이해를 한건지도 헷갈리네요. 욕심이 너무 큰건가? 단어와 문법에 따른 문장 코드 및 코드 문단이 당연하게 받아들여 질때까지 단어와 문법구조를 반복암기해야 할 까요?
  18. 안주
    프로퍼티와 메소드 빼고 완료!
  19. hyegineer
    우왕싱기
    객체생성법 : 객체생성하는건 object literal(중괄호) 이용해서 죽쭉쭉 나열~
    ---
    객체순회 : 반복문을 이용해서 객체안의 key값들을 다 순회할 수 있다
    ---
    객체 프로퍼티와 메소드
    함수가 아니라 메소드, 변수가 아니라 프로퍼티라고 부르고
    맥락적으로 다름!
  20. 빅스퀘어
    dictionary 를 취급하는 것과 비슷하군요.
  21. Hyeon-Jun Ha
    완료
  22. kumkum
    어려어

    coworkers.showAll = function(){ }
    coworker의 객체 안에 showAll이라는 함수를 정의

    객체 안의 함수는 메소드
    객체 안의 변수는 프라퍼티
  23. 주워니
    완료~!
  24. 허공
    190509 감사합니다.
  25. 최승윤
    완료!
  26. <script>
    var locations = {
    hq: "123 dundas st, LA",
    supplier: "Open Tutorial, Seoul",
    kiosk: "5595 king st, New York",
    showAll() {
    for (var key in this) {
    if (typeof this[key] !== "function") {
    document.write(key + " : " + this[key] + "</br>");
    }
    }
    }
    };
    locations.showAll();
    </script>
  27. ㅇㅇ
    for(var key in skewered){
    document.write(skewered.key+'<br>');
    }
    계속 왜 안되지 했는데 이렇게 적었었네요
    document.write만 쓸때랑 달라서 헷갈려요
  28. 완료!
  29. 2019-02-21 완료
  30. hpotter300
    객체와 반복문까지 보았는데, JavaScript의 객체는 다른언어의 Map 자료구조와 비슷한 느낌이네요!...
  31. 김주성
    완료
  32. 우도순
    완료
  33. 머릿속이 마치 정돈된 서랍장을 쾅 닫앗을 때처럼 된것 같네요..
  34. 발헤
    감사합니다. 완료
  35. 호두
    this
  36. 함가죠
    완료 감사합니다:)
  37. 지미츄
    완료!감사합니다 "객체":"프로퍼티"
  38. gravity251
    완료
  39. 이수하
    완료
  40. 객체는 배열과 다르게 순서없이 담을 수 있는 성질을 갖았다.
    객체는 숫자,문자뿐만 아니라 함수도 담을수 있다.
  41. 김용범
    감사합니다. 진도가 정말 빨라서 일취월장하는거 같습니다.
  42. 돼지천재
    감사합니다.
  43. Pakupaku
    잘 모르겠습니다 하지만 계속 가겠습니다 ㅜㅜ
  44. 객체빙의
    안녕 난 객체라고해
    세상의 모든것을 담을수 있지
    나와 함께라면 두려울게 없어
  45. 김귀인
    꿀재미 입니다
  46. 스탐
    감사합니다.
  47. 문창민
    [객체]
    순서가 있게 정보를 저장하는것이 배열(array)라면
    순서가 없이 정보를 저장할수있는것이 객체이다.
    배열은 [] 객체는 {}

    var coworkers={"warrior":"changmin"}
    {key값 : value값} // 내부에 들어가는 'warrior:changmin' 이 한덩어리를 property (속성값)이라고한다.

    <h2>Coworkers</h2>
    <script>
    var coworkers={"warrior":"changmin",
    "magiction":"abc",
    "tanker":"qqwerr",
    ["mad scientist"]:"yezi"}; //띄어쓰기가 되어있을 경우 괄호를 씌워 줘야 한다.

    document.write("warrior : "+coworkers.warrior+"<br>");// '.' 점은 오브젝트 엑세스 오퍼레이터라고한다. 즉 객체에 접근하기위한것//
    document.write("magiction : "+coworkers.magiction+"<br>");
    document.write("tanker : "+coworkers.tanker+"<br>");
    document.write("mad scientist : "+coworkers["mad scientist"]+"<br>"); //띄어쓰기가 되어있을경우는 오브젝트 오프레이터로
    //불러오지 못하고 array와 비슷하게 불러오게된다.
    coworkers.keeper="mysql"; //정보를 더넣을 때 쓰인다.
    document.write("keeper : "+coworkers.keeper+"<br>"); //
    coworkers["my day"]="global"; //위에서 말했듯이 띄어쓰기 할떄 괄호를 넣는다.
    document.write("my day :"+coworkers["my day"]+"<br>");
    </script>


    -객체와 반복문 : 객체내부에서 모든 데이터를 뽑아내야 할때 위와 같이 쓰면 매우 비생산적이다.
    반복문을 통해서 데이터를 꺼내자

    <h2>iterate</h2>
    <script>
    for(var key in coworkers){ //coworkers 라는 객체내에서 key 값을 가져온다는 반복문이다.
    document.write(key+'<br>'); //객체로 반복문을 만들고 싶을때 구문이다.
    }
    </script>
    <br>
    <script>
    for(var key in coworkers){
    document.write(coworkers[key]+'<br>'); //객체의 키값에해당하는 데이터를 가져오겠다는구문이다.
    }
    </script>
    <br>
    <script>
    for(var key in coworkers){
    document.write(key + ':' +coworkers[key]+'<br>') // 이렇게 하면 반복문을 하기전에 했던 구문과 같아진다.
    }
    </script>
    위와 같이 처음에 했던 객체의 예문을 단 세줄로 줄일수가 있다.





    -Property & Method



    property : 위에서 설명했지만 한번더 하자면 객체 내부에 들어가는 속성값을 말한다.

    var coworkers={"warrior":"changmin"}
    {key값 : value값} // 내부에 들어가는 'warrior:changmin' 이 한덩어리를 property (속성값)이라고한다.

    Method : 객체 내부에 들어가는 함수를 메소드라고한다.
  48. 함께 행복한 세상
    검색해보니,

    Object.keys(객체명).length;

    라고 나오네요.

    "자바스크립트 객체 사이즈(크기)"나 "javascript object size"로 검색해보시면 더 알아보실 수 있을 것 같아요.
    대화보기
    • 함께 행복한 세상
      배열에는 배열명[0]부터 내용물이 순서대로 인덱스가 매겨지는데,
      객체에는 객체명[키값]에 따라 내용물에 접근할 수 있는 부분을 말씀하신 것 같아요!

      예)
      배열의 경우:
      var arrayName = ['a', 'b', 'c', 'd'];
      // 여기서 내용물은 왼쪽부터 순서대로 a[0], a[1], a[2], a[3] => 순서있는 인덱스마다 값이 정해져 있음
      객체의 경우:
      var objectName = { "name":"happy", "number": 3, "id":777 };
      // objectName[name], object[number], object[id] => 순서없이 키(key)에 따라 값(value) 정해져 있음

      구글에서 "자바스크립트 객체 배열" 등의 키워드로 검색해보시면 여러 자료가 있을거에요.
      방금 하나 찾은 곳이 있어 링크 남겨드려봅니다.
      https://www.zerocho.com......ee3
      대화보기
      • 아직은걱정이많은나
        index: 배열 안의 데이터는 순서대로 배치되어 있음.
        key: 객체에 속한 데이터는 순서대로 정리되어 있지 않음.

        어떤 비유로 적용해야 할지는 아직 모르겠네요.
        단순하게 딸기랑 바나나라는 데이터가 있을때 빨간색 과일은 딸기 노랑색 과일은 바나나는 배열이라고 말할 수는 없겠고.
        또 과일주스는 딸기랑 바나나가 모두 속한다라고 해석하는건 오류가 있는거 같고.

        아무래도 얼마나 단순한지 아니면 얼마나 복잡한지에 따라 배열과 객체로 나눈다라는 말이 납득할 수 있을거 같네요.
        또는 얼마나 구체적인지 아니면 복잡해서 오히려 핵심만 집어야 나을거 같은 추상적인지에 따라 나눠질 수 있을거 같기도 하고요.

        정확하다고는 말할 수는 없겠지만 제가 생각하기에
        단순하다는 건, 이것이 채소인지 아니면 과일인지.
        복잡한건 기차역에서 무엇을 하기에 이 사람은 손님이라고 불리는 것인가, 또 이사람은 (what,why,how,when,where) 하기에 역무원이라고 불리는 것인가?
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기