[Day 18 | JS] 자바스크립트 - 내장클래스

y♡ding·2024년 11월 6일
0

데브코스 TIL

목록 보기
124/163

Object

  • 모든 JavaScript 객체의 부모 객체입니다.
  • 객체의 기본 구조를 정의하며, 다른 객체의 속성과 메서드를 상속합니다.
  • 주요 메서드:
    • Object.keys(): 객체의 모든 키를 배열로 반환
    • Object.values(): 객체의 모든 값을 배열로 반환
    • Object.assign(): 객체를 병합할 때 사용

String

  • 문자열 데이터를 다루기 위한 내장 클래스입니다.
  • 다양한 문자열 조작 메서드를 포함하고 있습니다.
  • 주요 메서드:
    • toUpperCase(), toLowerCase(): 문자열을 대문자 또는 소문자로 변환
    • slice(start, end): 특정 위치의 문자열을 추출
    • indexOf(substring): 특정 문자열의 위치를 찾음
    • replace(search, replace): 특정 문자열을 다른 문자열로 대체

Array

  • 여러 개의 데이터를 순서대로 저장하고 조작할 수 있는 자료 구조입니다.
  • 배열 조작을 위한 다양한 메서드를 제공합니다.
  • 주요 메서드:
    • push(), pop(): 배열의 끝에 요소를 추가하거나 제거
    • shift(), unshift(): 배열의 앞에 요소를 추가하거나 제거
    • map(), filter(), reduce(): 배열의 각 요소를 가공하여 새로운 배열 생성 또는 집계

JavaScript의 내장 클래스는 다양한 데이터를 쉽게 다루고 조작할 수 있도록 기능을 제공합니다. 아래는 주요 내장 클래스와 주요 용도입니다.

내장 클래스설명주요 용도
String문자열을 다루기 위한 클래스문자열 조작 (대소문자 변환, 검색, 분할 등)
Number숫자를 다루기 위한 클래스숫자 계산, 정수 확인, 소수점 자리수 조정 등
Array배열을 다루기 위한 클래스데이터 목록 관리, 요소 추가/제거, 정렬 등
Date날짜와 시간을 다루기 위한 클래스현재 시간 가져오기, 시간 계산, 날짜 형식 변환
Math수학 연산을 위한 클래스수학 상수와 함수 제공 (PI, sqrt, random 등)
RegExp정규 표현식을 다루기 위한 클래스문자열 패턴 검색, 치환
Map키-값 쌍을 다루기 위한 클래스다양한 키를 가진 데이터 저장
Set중복되지 않는 값들의 집합을 위한 클래스중복 제거된 데이터 저장

예제코드: 클래스 정의와 객체 생성

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script typr="text/javascript">
        
        class Student {
            // 멤버 필드
            name = '홍길동';
            kor = 98;
            mat = 92;
            
            // 생성자 : constructor
            constructor() {
                console.log('생성자 호출');
            }

            // 메서드
            showStudent() {
                console.log('showStudent 호출');
            }
        }

        let stu1 = new Student();
        console.log(stu1.name, stu1.kor, stu1.mat);
        stu1.showStudent();

    </script>
</body>
</html>

0개의 댓글

관련 채용 정보