WEB2 - JavaScript

댓글

댓글 본문
작성자
비밀번호
  1. 봄숙
    var coworkers= {
    "num1" : "1",
    "num2" : "2"
    };

    /* 객체를 가져오는 방법*/
    document.write("num1 : "+coworkers.num1+"<br>");
    document.write("num2 : "+coworkers.num2+"<br>");

    /*객체를 추가하는 방법*/
    coworkers.num3 = "num3";
    document.write("num3 : "+coworkers.num3+"<br>");
    coworkers["num 4"] = "num4"; <-- 이름엔 공백을 넣을수없어서 []대괄호를 쓰고 스트링을 써야함
    document.write("num4 : "+coworkers["num 4"]+"<br>");

    coworkers.showAll = function(){ }
    coworkers 의 객체에 소속된 변수의 값으로 showAll 이라는 함수를 지정

    객체 = coworkers의 값 , 객체에 소속된 함수 = showAll(메소드) ,객체에 소속된 변수 = 1,2,3,4 (프로퍼티)

    객체는 데이터를 담을 수 있다
    객체안에 소속된 변수 = property
    (프로퍼티는 오브젝트를 담는 박스같은것. 프로퍼티는 변해도 오브젝트는 변하지 않음. )

    객체안에 소속된 함수or(함수를담은)프로퍼티 = Method
    (object 안에 property로 function을 넣을수 있음)

    for(var key in cowokers) 은 코워커스 객체에 있는 중괄호에 키값을 하나하나 변수값으로 셋팅해주는것 (num1,2,3,4 프로퍼티)들을 가져오는 반복문
    coworkers.showAll = function(){} 풀어서 쓰면 아래꺼처럼 되는거임
    var showAll = function(){
    }
    function showAll(){
    }
  2. vvhynitz
    객체에 소속된 변수 = key = property 인가요?
  3. moon
    항상 감사합니다.!!
  4. 김정
    메소드랑 함수를 이렇게 쉽게 설명하는 사람을 처음 봤어요 0-0!
  5. 새미
    함수랑 객체 개념이 항상 안잡혀있었는데 어느정도 가닥이 잡히는 것 같아요 몇번 더 보면 되겠죠! 감사합니다
  6. 춤춤
    완료!
    함수와 객체는 들어도 무슨말인지 모르겠어요~
  7. 메메
    객체 쓰기(만드는 방법)
    var object = {
    "property1" : "정보1"
    "property2" : "정보2"
    };

    객체 읽기
    object.property1 → 정보1

    객체 추가하기
    object.property3 = "들어갈 정보3";
    object["띄어쓰기가 있는 프로퍼티"] = "들어갈 정보4";

    객체와 반복문
    for (var key in object){
    document.write(key+" : "+object[key]);
    }

    객체에 소속된 함수 = 메소드
    객체에 소속된 변수 = 프로퍼티

    객체에 메소드를 추가하는 방법
    objects.method = function(){~~~}
  8. thsths
    완료
  9. dabidabibobo@naver.com
    다시 보기
  10. 스티븐잡숴
    완료
  11. Jeremy Jo
    봤어요.
  12. 대잔치
    객체는 해싱인가?
  13. 김규형
    객체는 파이썬의 딕셔너리와 비슷하네요. 물론 다른 언어와도 비슷하지만요!!!!
  14. 암말
    완료 어렵네여
  15. 샬롬
    완료
  16. 객체 어렵네여...

    var Object = {
    "property1" : "egoging",
    "property2" : "leezche"
    };
    Object.property3 = "duru";
    Object["property 4"] = "taeho";
    for(var key in Object){
    document.write(key+' : '+Object[key]+'<br>');
    }

    Object 안에 property로 function도 넣을 수 있음.
    이 때 function을 method라고 부름.
    //
    var Array = ['index1','index2','index3'] >>index는 순서를 가짐. 0부터~
    var Object = {'property1' : '1','property2' : '2','property3' : '3'}; >>> 객체의 속성은 순서x
  17. 딥허브
    2019.12.21
  18. codinginpain
    완료쓰
  19. 아빠늑대
    배열의 생성법
    array = [ '대괄호 사용', '중괄호', '소괄호']
    객체의 생성법
    objects = { "curly brackets" : "중괄호 사용", "example" : "예제"}
    객체의 접근
    document.write(objects.example);
    "예제" // 출력
    // 변수는 띄어쓰기가 안되므로 이렇게 호출
    document.write(objects.["curly brackets"]);
    // 여기서 객체와 내부 저장 (딱지)사이의 점을 object access operator(객체접근자?)라고 불러요.
    객체의 추가
    objects.parenthesis = "소괄호";
    objects.["square bracket"] = "대괄호";

    객체의 생성, 접근, 추가까지 살펴봤다. 거기다 띄어쓰기가 있는 경우 배열처럼 대괄호로 묶어주면 된다.

    앞서 배열에서는 while 반복문으로 값을 모두 꺼내올 수 있었다
    객체는 배열과 조금 다른데 검색해보자
    순회한다 + 반복적으로 가져온다는 뜻으로 iterate
    for in을 쓰면 된다고 한다.
    for( var key in objects ) {
    document.write( key + ' : ' + objects[key] + '<br>');
    }
    while은 엄밀히는 초기에 i=0으로 그리고 i = i + 1을 반복문 내부에 넣어 i값이 조건 내에서 반복하는 반복문이다.
    for 역시 반복문인데, 반복횟수가 objects의 갯수인 반복문이다. key는 i처럼 임의로 놓은 변수이며, 다른 변수를 넣어도 동작한다. 여기서 while과 다르게 i값의 초기값이나 변화를 따로 줄 필요가 없다.
    배열이 index인 0, 1, 2, 3 ~ 에 값이 매칭되있는 데이터구조라면
    객체는 key에 값이 매칭되어 있는 데이터구조라고 볼 수 있다.
    그래서 순서는 보장하지 않는다.

    객체를 순회하는 방법을 살펴봤다.

    객체는 어떤 데이터도 담을 수 있다. 숫자, 문자열, 심지어는 배열, 함수까지.
    객체에 함수를 추가해 보자.
    objects.showAll = function() {
    for( var key in objects ) {
    document.write( key + ' : ' + objects[key] + '<br>');
    }
    }
    위의 함수 선언방식은
    function showAll() { ... } 과 같은 방식이다.
    그리고 이 함수는 객체 내의 값이기 때문에, 객체내의 함수에서 객체 자체를 가리키는 방법이 있다.
    this, 이걸로 바꿔주어 객체명이 바뀌더라도 작동하지 않는 것을 막아주는 코딩이 좋은 코딩.
    함수를 써보자.
    objects.showAll();
    잘 작동하나 함수도 객체의 하나이기에 함수자체도 출력되었다
    if문을 따로 하여 처리해주어야하나 이는 지금은 중요하지 않다.
    용어 정의
    객체 내의 함수는 메소드(method)
    객체 내의 변수는 프로퍼티(property)
    라고 부른다.
  20. 홍주호
    20191116 완료
  21. 슈퍼소닉
    c++과 자바를 배운 사람으로서, 자바스크립트의 객체는 어떻까 궁금했는데 조금 성격이 다른것 같군요.
    왠지 객체보다는 해싱에 가까운 느낌
  22. 육포
    20191101
  23. 은별
    완료
  24. for (var key in coworkers) {
    document.write(key + ': ' + coworkers[key] + '<br>')
    }
    여기서 키 값을 호출할때 왜
    coworkers.key 는 안되고
    coworkers[key] 만 가능한건가요?
  25. 완료
  26. 씬이삼
    감사합니다
  27. 감피이스
    객체 정말 이해하기 어렵네요.
  28. 굼벵이
    완료
  29. 박창신
    완료
  30. 감자
    완료
  31. 20191001 Ted 완료!
  32. 코딩만이 살길이다
    완료
  33. 쑤우
    수강완료. 감사합니다.
  34. 피닭씨
    완료
  35. 현우
    완료
  36. 정완료
    완료
  37. 한조
    감사합니다!
  38. 들국화
    잘봤습니다
  39. JT_brand
    완료
  40. 프로퍼티 메소드 다시 복습 필요
  41. 정경호
    자바에 이르러서는 설명하시는 말의 각 문장은 알아듣는것 같은데 전체 내용으로서 배웠으니 스스로 작성해봐 라고 했을때 코드열을 아무것도 구성하지 못하겠는 이 막막함은 뭘까요? 제가 이해를 한건지도 헷갈리네요. 욕심이 너무 큰건가? 단어와 문법에 따른 문장 코드 및 코드 문단이 당연하게 받아들여 질때까지 단어와 문법구조를 반복암기해야 할 까요?
  42. 안주
    프로퍼티와 메소드 빼고 완료!
  43. hyegineer
    우왕싱기
    객체생성법 : 객체생성하는건 object literal(중괄호) 이용해서 죽쭉쭉 나열~
    ---
    객체순회 : 반복문을 이용해서 객체안의 key값들을 다 순회할 수 있다
    ---
    객체 프로퍼티와 메소드
    함수가 아니라 메소드, 변수가 아니라 프로퍼티라고 부르고
    맥락적으로 다름!
  44. 빅스퀘어
    dictionary 를 취급하는 것과 비슷하군요.
  45. Hyeon-Jun Ha
    완료
  46. kumkum
    어려어

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

    객체 안의 함수는 메소드
    객체 안의 변수는 프라퍼티
  47. 주워니
    완료~!
  48. 허공
    190509 감사합니다.
  49. 최승윤
    완료!
  50. <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>
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기