개발새발
JavaScript-2 본문
객체
JavaScript에서 객체는 속성과 메서드를 포함하는 데이터 구조.
객체는 중괄호({})를 사용하여 만들며, 속성과 해당 값을 키-값 쌍으로 저장한다. 메소드는 객체의 동작을 정의하는 함수이다
객체의 인스턴스는 클래스를 기반으로 생성된 개별 객체!
//객체 생성
const person = {
name: ['Bob', 'Smith'],
age: 32,
gender: 'male',
interests: ['music', 'skiing'],
bio: function() {
alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.');
},
greeting: function() {
alert('Hi! I\'m ' + this.name[0] + '.');
}
};
기본형 : new 객체명
프로퍼티와 메서드
프로퍼티:객체의 특징이나 속성이다. 객체 내부에 저장되며, 객체의 상태를 나타내는 정보를 제공한다.
메서드:객체에서 할 수 있는 동작
프로퍼티와 메서드를 표시하려면 인스턴트명 뒤에 마침표(.)를 붙이고 사용한다
var person = {
name: 'John',
age: 30,
greet: function() {
console.log('Hello!');
}
};
console.log(person.name); // 'John' 출력 (프로퍼티 접근)
console.log(person.age); // 30 출력 (프로퍼티 접근)
person.greet(); // 'Hello!' 출력 (메서드 호출)
내장 객체
내장 객체들은 객체의 속성(property)과 메서드(method)가 존재
속성은 객체의 상태나 특성을 나타내는 값으로, 객체의 특정한 데이터를 저장하고 조회하는 데 사용된다.
메서드는 객체의 동작이나 기능을 나타내는 함수로, 객체에 대한 특정한 작업을 수행하거나 기능을 실행하는 데 사용
이중에서 취소선이 있는 것들은 더 이상 사용되지 않는 메서드 또는 프로퍼티를 나타낸다.
취소선이 없는 경우는 해당 객체의 속성(property)을 나타내며, 속성은 객체의 특정한 데이터 값을 가지고 있다. 취소선이 있는 경우는 해당 객체의 메서드(method)를 나타내며, 메서드는 객체의 동작을 수행하는 함수.
+ 내장 객체들은 자바스크립트에서 기본적으로 제공되므로, 별도의 라이브러리나 모듈을 추가로 가져오지 않고도 사용할 수 있다
주요한 내장 객체
1. String: String 객체는 문자열을 다루기 위한 메서드와 속성을 제공.
2. Number: Number 객체는 숫자를 다루기 위한 메서드와 속성을 제공.
3. Array: Array 객체는 순서가 있는 항목의 집합을 다루기 위한 메서드와 속성을 제공. 배열을 생성하고 항목 추가, 삭제, 정렬, 검색 등과 같은 작업을 수행할 수 있다.
4. Object: Object 객체는 일반적인 객체를 생성하기 위한 메서드와 속성을 제공. 객체의 생성, 프로퍼티 추가, 삭제, 열거 등과 같은 작업을 수행할 수 있다.
5. Function: Function 객체는 함수를 생성하고 다루기 위한 메서드와 속성을 제공.
6. Date: Date 객체는 날짜와 시간을 다루기 위한 메서드와 속성을 제공. 현재 날짜와 시간 정보를 가져오거나, 날짜와 시간을 조작하고 형식화하는 작업을 수행할 수 있다.
7. Math: Math 객체는 수학적인 연산을 수행하기 위한 메서드와 속성을 제공. 수학적인 계산, 삼각함수, 로그 및 지수 함수 등과 같은 작업을 수행할 수 있다.
8. RegExp: RegExp 객체는 정규 표현식을 다루기 위한 메서드와 속성을 제공. 문자열 패턴 매칭, 검색, 치환 등과 같은 작업을 수행할 수 있다.
'WEB-STUDY' 카테고리의 다른 글
CSS 총정리 (0) | 2024.03.21 |
---|---|
마무리 문제(html,css) (1) | 2023.05.22 |
JavaScript-2 (0) | 2023.05.21 |
JavaScript-1 (0) | 2023.05.15 |
CSS (0) | 2023.05.15 |