• 티스토리 홈
  • 프로필사진
    alpha brain
  • 방명록
  • 공지사항
  • 태그
  • 블로그 관리
  • 글 작성
alpha brain
  • 프로필사진
    alpha brain
    • 분류 전체보기 (93)
      • SOFTWARE DEVELOP (68)
        • REACT.JS (3)
        • WEBPACK (4)
        • HTML&CSS (2)
        • EXPRESS (0)
        • DATABASE (0)
        • NODE.JS (3)
        • JAVASCRIPT (24)
        • DOCKER (1)
        • Linux (3)
        • Git (6)
        • GRAPHQL (0)
        • Datastructure (7)
        • Development (6)
        • HTTP (1)
        • Programming Paradigm (1)
        • Algorithm log (5)
        • DEV log (1)
        • Project log (0)
        • I don't know yet (1)
      • 경제, 재무 (23)
      • 여행 (0)
      • 시사, 상식 (2)
  • 반응형
    250x250
  • 방문자 수
    • 전체:
    • 오늘:
    • 어제:
  • 최근 댓글
      등록된 댓글이 없습니다.
    • 최근 공지
        등록된 공지가 없습니다.
      # Home
      # 공지사항
      #
      # 태그
      # 검색결과
      # 방명록
      • [Javascript] Object(기본,리터럴)
        2020년 01월 12일
        • alpha brain
        • 작성자
        • 2020.01.12.:32
        728x90
        반응형

        객체(object)는 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티(proprty)와 메소드(method)라고 부름)의 집합이다.

         

        1. 선언

        변수를 만들어 할당해주면 사용할수 있다.

        • curly bracket({})사이에 데이터들의 집합(프로퍼티와 메소드) 를 작성해주면 된다. (리터럴(literal)로 선언한다고 한다.)

        2. 작성

        사용은 괄호안에 key값과 value값의 pair로 작성을 해주면 사용할수가 있다.

        obj = {
            name : "lee",
            age : 20,
            city : ["seoul","busan"],
            isMarried : false,
            greeting : function(){
                console.log("hello!");
            }
        }
        
        // name, age, city, isMarried, greeting 이 key
        // : 오른편의 값들이 value
        
        // name, age, city, isMarried is property
        // greeting is method
        • value 는 일반 값(primitive type),과 함수, 객체 등을 받을수가 있다. (변수처럼 사용하면 된다.)

        3. 사용

             1.  dot notation

        접근하면 그 즉시 해당 값이 된다(type에 유의하자.)

         

        객체 내의 함수를 실행하는 방법. 일반 함수를 실행하듯 () 를 붙여주면 된다.

             2. braket notaion

        objectName["key"] 로 각 값에 접근할 수 있다.
        함수를 실행 (braket notion)

        • braket notation을 사용할때는 key값을 꼭 String(" ")으로 처리를 해주어야 한다.

        결국 object도 어떤 기능이나 데이터를 담는 집합이다. 프로그래밍을 하기위한 재료 쯤으로 알아둬도 크게 문제가 없을것 같다.

         

        object의 기본을 안다면 이제 베열의 메소드에 대해서 좀더 알아볼수 있을것 같다.

        다음 포스팅에서 배열도 객체의 한 종류이기때문에 배열 자체가 가진 프로퍼티와 메소드를 알아보자.

        728x90
        반응형

        'SOFTWARE DEVELOP > JAVASCRIPT' 카테고리의 다른 글

        [Javascript] 배열의 순회 메서드(Iteration methods)  (0) 2020.01.15
        [Javascript] 배열(Array)의 요소(element)조작 , 배열 메서드(method)  (0) 2020.01.12
        [Javascript] 인자(argument)와 매개변수(parameter)  (0) 2020.01.12
        [Javascript] 연산자와 boolean Type  (0) 2020.01.11
        [Javascript] 배열(Array)  (0) 2020.01.11
        다음글
        다음 글이 없습니다.
        이전글
        이전 글이 없습니다.
        댓글
      조회된 결과가 없습니다.
      스킨 업데이트 안내
      현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
      ("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)
      목차
      표시할 목차가 없습니다.
        • 안녕하세요
        • 감사해요
        • 잘있어요

        티스토리툴바