<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>String 객체</title>
</head>
<body>
<script>
const str1 = `안녕하세요 Javascript`
const str2 = new String(`안녕하세요 Javascript`)
const str5 = new String(`안녕하세요 Javascript`)
console.log(str1 == str2) //true
console.log(str2 == str5) // false
// length : 문자열 길이를 저장
console.log(str1.length) // 16
//indexOf() : 특정 문자나 문자열이 처음으로 등장하는 위치를 인덱스로 반환
console.log(str1.indexOf(`J`)) // 6
console.log(str1.indexOf(`Java`)) // 6
console.log(str1.indexOf(`java`)) // -1(문자가 없으므로 -1 반환)
//charAt() : 특정 문자열에서 전달 받은 인덱스에 위치한 문자를 반환
console.log(str1.charAt(7)) // a
//includes() : 특정 문자열에 전달받은 문자열이 포함되어 있는지 여부를 반환
console.log(str1.includes(`Java`)) // true
console.log(str1.indexOf(`java`)) // -1
//substring() : 전달 받은 시작 인덱스로부터 종료 인덱스 직전까지의 문자열을 추출
console.log(str1.substring(7)) // avascript
console.log(str1.substring(7, 11)) // avas(7~10)
//replace() : 원본 문자열의 일부를 전달 받은 문자열로 치환
console.log(str1.replace(`안녕하세요`, `Hello`)) // Hello Javascript
//split() : 구분자를 기준으로 나눈 후 나뉜 문자열을 하나의 배열에 저장
const str3 = `김사과,오렌지,반하나,이메론,배에리`
const students = str3.split(`,`)
console.log(students) // (5) ['김사과', '오렌지', '반하나', '이메론', '배에리']
for(let i in students){
console.log(i, students[i]) // 0 김사과
// 1 오렌지
// 2 반하나
// 3 이메론
// 4 배에리
}
console.log(`--------------`)
// trim() : 문자열의 앞 뒤 공백을 제거
const str4 = ` Javascript `
console.log(`🎃${str4}🎃`) // 🎃 Javascript 🎃
console.log(`🎃${str4.trim()}🎃`) // 🎃Javascript🎃
//toUpperCase(), toLowerCase() : 문자열을 대, 소문자를 변환
console.log(`🎃${str4.trim().toLowerCase()}🎃`) // 🎃javascript🎃
console.log(`🎃${str4.trim().toUpperCase()}🎃`) // 🎃JAVASCRIPT🎃
</script>
</body>
</html>728x90
LIST
'자바스크립트(Javascript)' 카테고리의 다른 글
| 21. 윈도우 객체 (0) | 2024.11.04 |
|---|---|
| 19. Date 객체 (2) | 2024.11.04 |
| 17. Math 객체 (0) | 2024.11.04 |
| 16. 프로토타입 (10) | 2024.11.04 |
| 15. 클래스 (3) | 2024.11.02 |