WEB2 - JavaScript

댓글

댓글 본문
  1. 아기별
    댓글보니까 이해에 더 도움이 되는 것 같아요. 이고잉 선생님의 친절한 설명도 언제나 감사합니다!!!
  2. seung
    2020/04/03

    객체의 선언과 사용법 , 객체안에 함수 정의를 할수 있다는 사실 잘 배우고 갑니다!
  3. 이희수
    이번 생에 javascript는 처음이라... 어렵네요..
  4. 혹등고래
    완료...........어렵다.....화이팅
  5. Kiki
    으어
  6. OneJae EE
    20.03.25 수 / 37세 비전공자 / 완료
  7. 0cddo
    완료
  8. Yohanesty
    완료
  9. 뿡뿡팡야
    완료
  10. jade
    객체 생성법
    coworkers {
    "programmer" : "egoing",
    "designer" : "leezhe"
    };

    객체 불러오기
    document.write("programmer : " + coworkers.programmer + "<br>");

    객체 추가하기
    coworkers.author = "person";
    coworkers["data manager"] = "person2";

    객체 순회
    for (var key in coworkers){
    document.write(key + '<br>');
    };

    객체의 데이터 순회
    for(var key in coworkers){
    document.write(coworkers[key] + '<br>'
    };

    객체에 소속된 변수: property
    객체에 소속된 함수:method

    객체안 매소드 정의
    coworkers.showall = function(){
    for(var key in this){ //this는 해당 클래스를 지정 but showall내용까지 포함
    document.write(key+ ' : ' +this[key]+ '<br>');
    }
    }
  11. flytodk
    complete
  12. Useok
    완료
  13. 완료
  14. 완료
  15. daniellee123456
    완료
  16. 완료
  17. 규몽
    완료
  18. 숩숩이
    완료
  19. 코딩하쟈
    완료
  20. eddylee123456
    완료
  21. 감사합니다. 완료
  22. 봄숙
    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(){
    }
  23. vvhynitz
    객체에 소속된 변수 = key = property 인가요?
  24. 항상 감사합니다.!!
  25. 김정
    메소드랑 함수를 이렇게 쉽게 설명하는 사람을 처음 봤어요 0-0!
  26. 새미
    함수랑 객체 개념이 항상 안잡혀있었는데 어느정도 가닥이 잡히는 것 같아요 몇번 더 보면 되겠죠! 감사합니다
  27. 춤춤
    완료!
    함수와 객체는 들어도 무슨말인지 모르겠어요~
  28. 메메
    객체 쓰기(만드는 방법)
    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(){~~~}
  29. thsths
    완료
  30. dabidabibobo@naver.com
    다시 보기
  31. 스티븐잡숴
    완료
  32. Jeremy Jo
    봤어요.
  33. 대잔치
    객체는 해싱인가?
  34. 김규형
    객체는 파이썬의 딕셔너리와 비슷하네요. 물론 다른 언어와도 비슷하지만요!!!!
  35. 암말
    완료 어렵네여
  36. 샬롬
    완료
  37. 객체 어렵네여...

    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
  38. 딥허브
    2019.12.21
  39. codinginpain
    완료쓰
  40. 아빠늑대
    배열의 생성법
    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)
    라고 부른다.
  41. 홍주호
    20191116 완료
  42. 슈퍼소닉
    c++과 자바를 배운 사람으로서, 자바스크립트의 객체는 어떻까 궁금했는데 조금 성격이 다른것 같군요.
    왠지 객체보다는 해싱에 가까운 느낌
  43. 육포
    20191101
  44. 은별
    완료
  45. for (var key in coworkers) {
    document.write(key + ': ' + coworkers[key] + '<br>')
    }
    여기서 키 값을 호출할때 왜
    coworkers.key 는 안되고
    coworkers[key] 만 가능한건가요?
  46. 완료
  47. 씬이삼
    감사합니다
  48. 감피이스
    객체 정말 이해하기 어렵네요.
  49. 굼벵이
    완료
  50. 박창신
    완료
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기