일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- css 포지션
- 자바스크립트 연산자
- 자바스크립트 상속
- 자바스크립트
- 자바스크립트 scope
- HTML
- 오블완
- css3
- 자바스크립트 실행 컨텍스트
- 자바스크립트 onclick
- front-end
- 자바스크립트 반복문
- 자바스크립트 스코프
- 자바스크립트 생성자 함수
- html 코드
- 자바스크립트 innerhtml
- 프론트엔드
- javascript opreators
- css display
- CSS
- javascript
- 자바스크립트 innertext
- 자바스크립트 dom 문법
- 자바스크립트 dom의 목적
- 웹 개발 트렌드
- javascript opreator
- 자바스크립트 클래스
- css position
- html 주석
- 티스토리챌린지
- Today
- Total
Multi Developer SuHo
[자바스크립트 문법 ] 객체란? , 객체의 특징과 값 호출 본문
안녕하세요~ 오늘은 자바스크립트에서 중요한 객체에 대해 알아보겠습니다. 객체의 특징과 값 호출을 통해 자바스크립트에서 객체를 어떻게 활용해야 하는지 한번 살펴보시죠
목차
1. 객체
1-1. 객체란?
1-2. 객체의 특징
1-3. 객체를 이용한 값 호출
서론
먼저 "객체" 라고 다른 언어인 C, C++ Java 에서 들어보신 적 있으신가요? 다른 언어를 학습하신 분께서는 들어보셨을 겁니다.
본론
1. 객체
1-1. 객체란
자바스크립트 객체는 실제 세상의 사물이나 개념을 코드 안에 표현하는 데 사용되는 데이터 구조입니다. 쉽게 말하면 여러 값들을 하나의 단위로 묶어서 관리할 수 있는 데이터 구조 라고 보시면 더 편합니다. 객체에 대해 개념만 간단하게 알고 넘어가도록 하겠습니다. 객체에 대한 내용은 더 학습해보면서 정리해보겠습니다.
1-2. 객체의 특징
자바스크립트 객체의 특징에는 다양한 특징이 있습니다. 객체의 특징 중 다음과 같은 4가지 특징을 먼저 살펴봅시다.
이 4가지 특징을 종합한 것을 객체 지향 프로그래밍(OOP) 라고도 불립니다.
- 추상화 : 복잡한 시스템을 단순화하여 핵심적인 개념만 추출하는 것
- 상속 : 기존 클래스의 속성과 메소드를 상속받아 새로운 클래스를 생성하는 것
- 다형성 : 같은 이름의 메소드가 클래스에 따라 다르게 동작하는 것
- 캡슐화 데이터와 메소드를 하나의 단위로 묶고, 외부에서의 직접적인 접근을 제한하여 데이터를 보호하는 것
1-3. 객체를 이용한 값 호출
객체를 이용한 값을 호출하는 예시 코드입니다.
// 사람 객체 생성
const person = {
name: '수호',
age: 25,
city: '남양주'
};
// 이름 가져오기
const name = person.name;
console.log(name); // 출력하게 되면 property의 저장된 name 키 값인 "수호"가 출력
코드해석 : person 이라는 객체를 생성하여 각 name, age, city 의 키와 값을 property에 할당합니다. 그리고 name 이라는 변수에 person 객체에 접근하여 name이라는 변수에 값을 가져옵니다.
결론
객체는 자바스크립트에서 매우 중요한 개념이며, 이를 잘 이해하고 활용하면 더욱 효율적이고 유연한 프로그램을 개발할 수 있습니다.
이상입니다. 객체 부분은 수정하여 다시 올라갈 수 있습니다.
'자바스크립트 기록' 카테고리의 다른 글
[자바스크립트 함수] 자바스크립트 함수란(function)? (0) | 2025.01.13 |
---|---|
[자바스크립트 문법] 자바스크립트 배열(Array) ,push( ), length( ), splice( ) 메서드 (0) | 2025.01.13 |
[자바스크립트] 스코프란? 🔭 (전역 스코프 , 지역 스코프) (0) | 2025.01.12 |
[ 자바스크립트 문법 ] 논리연산자 , 반복문 (while 문) (0) | 2025.01.11 |
[자바스크립트 문법 ] 조건문(if else~if문 ), 반복문 (for문) (0) | 2025.01.09 |