생활코딩 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
  • 전체
    오늘
    어제
    • 분류 전체보기 (195)
      • Web (17)
        • JavaScript (6)
        • TypeScript (1)
        • React (6)
        • 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 (18)
        • 멋쟁이 사자처럼 (2)
        • OSSCA (4)
        • LG U+ URECA (5)
        • Project (2)
        • Conference (2)
      • IT (3)
      • AI (0)
      • Git & Github (5)
      • Notion (1)
      • Statistics (11)
      • Book (5)
      • Diary (1)
      • Game (1)
  • 블로그 메뉴

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

    • Github
    • Baekjoon
    • X
    • LinkedIn
  • 공지사항

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

  • 태그

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

  • 최근 글

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

티스토리툴바