[JavaScript] 객체 - 2️⃣String 객체 & String객체 함수

728x90

SMALL

1. String 객체

1-1. 원형 문자열(primitive strings)

문자열 리터럴(작은 따옴표 또는 큰 따옴표로 생성되는)과 생성자 없이(즉. new 키워드를 사용하지 않고) String을 호출하여 반환
JavaScript는 자동적으로 원형을 String 오브젝트로 변환
String 오브젝트 메서드를 사용하여 원형문자열을 생성
문맥 안의 메서드에서 프로퍼티 조회 또는 원형의 문자열 호출이 발생하면, JavaScript는 자동으로 문자열 원형을 감싸고 프로퍼티 조회를 수행 하거나 메서드를 호출

//1번
const str1 = 'JavaScript';
//2번
const str2 = new String('JavaScript')

str1 == str2    // true  1번과 2번의 데이터는 같음
str1 === str2   // false  객체생성법이 다름, 메모리를 다르게쓰고 있음

2. String 객체 함수

length: 문자열의 길이를 반환하는 프로퍼티(값)
indexOf(): 특정 문자나 문자열이 처음으로 등장하는 위치를 인덱스로 반환
charAt(): 특정 문자열에서 전달받은 인덱스에 위치한 문자를 반환
includes(): 특정 문자열에서 전달 받은 문자열이 포함되어 있는지 여부를 반환
substring(): 전달받은 시작 인덱스부터 종료 인덱스 바로 직전 까지의 문자열을 추출
substr(): 전달받은 시작 인덱스부터 전달받은 개수만큼 문자열을 추출
replace(): 원본 문자열의 일부를 전달 받은 문자열로 치환
split(): 구분자를 기준으로 나눈 후 나뉜 문자열을 하나의 배열에 저장
trim(): 문자열의 앞 뒤 공백 제거
toUpperCase(): 문자열을 모두 대문자로 변환
toLowerCase(): 문자열을 모두 소문자로 변환

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>String 객체</title>
</head>
<body>
    <h2>String 객체</h2>
    <script>
        const str1 = '안녕하세요. javascript'
        console.log(str1)
        console.log(str1.length)

        console.log(str1.indexOf('j'))
        console.log(str1.indexOf('J'))  // 없는 문자는  -1을 반환
        console.log(str1.indexOf('java'))  // 시작되는 위치
        console.log(str1.indexOf('a'))
        console.log(str1.lastIndexOf('a'))  // 마지막 a가 나온 위치
        console.log('---------------')

        console.log(str1.charAt(7))

        console.log(str1.includes('java')) // true
        console.log(str1.includes('Java')) // false

        console.log(str1.substring(7))   // 7 ~ 끝까지
        console.log(str1.substring(7, 11))   // 7 ~ 11이 되기 전까지
        
        console.log(str1.substr(7, 4))  // 브라우저에서 지원하지 않을 예정

        console.log(str1.replace('안녕하세요','Hello'))

        const str2 = '김사과,오렌지,반하나,이메론,배에리,채리'
        const students = str2.split(',');
        console.log(students)   // 배열로 저장

        for(let i in students){
            console.log(i, students[i])
        }

        const str3 = '       JavaScript       '
        console.log(`🍰${str3}🍰`)  // 공백 확인용 이모지
        console.log(`🍰${str3.trim()}🍰`)
        console.log(`🍰${str3.trim().toUpperCase()}🍰`)
        console.log(`🍰${str3.trim().toUpperCase().toLowerCase()}🍰`)
    </script>
</body>
</html>

MDN: String

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String

String - JavaScript | MDN

String 전역 객체는 문자열(문자의 나열)의 생성자입니다.

developer.mozilla.org

728x90

LIST

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

[JavaScript] 객체 - 4️⃣ Window 객체 & Window 객체 함수, setTimeout(), setInterval(), clearTimeout(), clearInterval() (0)	2023.04.11
[JavaScript] 객체 - 3️⃣Date 객체 & Date 객체 함수 (0)	2023.04.11
[JavaScript] 객체 - 1️⃣Math 객체 & Math 객체 함수 (0)	2023.04.11
[JavaScript] 상속과 프로토타입(Prototype) (0)	2023.04.11
[JavaScript] 객체(Object)란? & 객체 생성 표기법 (0)	2023.04.11