생활코딩 JavaScript 객체지향 프로그래밍 (1)

2022. 2. 12. 17:24·Web/JavaScript

 


 

객체지향 프로그래밍의 필요성?

코드가 많아질수록 복잡해진다.

이를 단순화시키기 위해 정리정돈을 하는 것.

 

객체(클래스)란?

서로 연관된 변수와 함수를 그룹핑하고 이름을 붙인 것

 

object.js

// 배열

var memberArray = ['young','abyss','moon'];
console.log("memberArray[1]", memberArray[1]); // 인자까지 출력

var memberObject = {
    manager:'young',
    developer: 'abyss',
    designer: 'moon'
}

//객체 읽기 2가지
console.log("memberObject.manager", memberObject.manager);
console.log("memberObject['manager']", memberObject['manager']);

//객체 수정
memberObject.designer = 'epiphany';
console.log(memberObject.designer);

//객체 삭제
delete memberObject.manager
console.log('삭제후 출력', memberObject.manager);

 

 

object_loops.js

// 배열 반복
var memberArray = ['young', 'abyss', 'moon'];
console.group('array loop');
var i = 0; 
while(i < memberArray.length){
    console.log(i, memberArray[i]);
    i = i + 1;
}
console.groupEnd('array loop');
var memberObject = {
    manager:'young',
    developer:'abyss', 
    designer:'moon'
}

// 객체 반복
console.group('object loop');
for(var name in memberObject){
    console.log(name, memberObject[name]); //변수X, 속성에 맞춰야 함
}
console.groupEnd('object loop');

 

 


 

저작자표시 (새창열림)

'Web > JavaScript' 카테고리의 다른 글

자바스크립트 기초  (0) 2023.05.11
생활코딩 JavaScript 객체지향 프로그래밍 (4)  (0) 2022.03.23
생활코딩 JavaScript 객체지향 프로그래밍 (3)  (0) 2022.03.06
생활코딩 JavaScript 객체지향 프로그래밍 (2)  (0) 2022.02.24
생활코딩 JavaScript OT  (0) 2021.04.09
'Web/JavaScript' 카테고리의 다른 글
  • 생활코딩 JavaScript 객체지향 프로그래밍 (4)
  • 생활코딩 JavaScript 객체지향 프로그래밍 (3)
  • 생활코딩 JavaScript 객체지향 프로그래밍 (2)
  • 생활코딩 JavaScript OT
abyss-s
abyss-s
프론트엔드 공부합니다.
  • abyss-s
    abyss-s의 블로그입니다.
    abyss-s
  • 전체
    오늘
    어제
    • 분류 전체보기 (188)
      • Web (16)
        • JavaScript (6)
        • TypeScript (1)
        • React (5)
        • Vue (0)
        • Storybook (1)
        • Next.js (1)
      • Backend & Infra (8)
        • Database (3)
        • Node.js (2)
        • SpringBoot (1)
      • PS (71)
      • CS (30)
        • OS (13)
        • Structure & Algorithm (5)
        • Network (10)
        • 정보처리기사 (2)
      • Language (18)
        • OOP (1)
        • JAVA (13)
        • C++ (4)
      • Activities (12)
        • 멋쟁이 사자처럼 (2)
        • OSSCA (3)
        • LG U+ URECA (3)
        • Project (2)
      • AI (0)
      • Git & Github (5)
      • Notion (1)
      • IT (4)
      • Statistics (11)
      • Book (4)
      • Diary (1)
      • Game (1)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • 깃허브
    • 백준
    • 트위터
  • 공지사항

    • abyss-s의 티스토리에 오신 것을 환영합니다.
  • 인기 글

  • 태그

    파이썬
    코드트리
    JavaScript
    통계학
    네트워크
    DP
    백준
    BFS
    OS
    운영체제
    C++
    Python
    React
    자바기반응용프로그래밍
    그리디
    생활코딩
    Java
    BAEKJOON
    자바스크립트
    github
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
abyss-s
생활코딩 JavaScript 객체지향 프로그래밍 (1)
상단으로

티스토리툴바