다용도 언어인 JavaScript는 문자열 작업에 필요한 다양한 기능을 제공합니다. 문자열은 모든 프로그래밍 언어에서 가장 기본적인 데이터 유형 중 하나이며 문자열을 효율적으로 조작하는 방법을 이해하면 코딩 기술을 크게 향상시킬 수 있습니다. 이 문서에서는 JavaScript 문자열 함수에 대해 자세히 알아보고 이를 익히는 데 도움이 되는 자세한 설명, 예제 및 설명을 제공합니다.

JavaScript의 문자열 소개

JavaScript에서 문자열은 텍스트를 나타내는 데 사용되는 일련의 문자입니다. 문자열은 변경할 수 없습니다. 즉, 일단 생성되면 변경할 수 없습니다. 대신 문자열 작업으로 새 문자열이 생성됩니다.

let greeting = "Hello, World!";
console.log(greeting); // Output: Hello, World!

문자열 만들기

문자열은 템플릿 리터럴에 작은따옴표, 큰따옴표 또는 역따옴표를 사용하여 생성할 수 있습니다.

let singleQuoteStr = 'Hello';
let doubleQuoteStr = "Hello";
let templateLiteralStr = `Hello, ${singleQuoteStr}`;
console.log(templateLiteralStr); // Output: Hello, Hello

문자열 속성

• 길이: 문자열의 길이를 반환합니다.

let str = "JavaScript";
console.log(str.length); // Output: 10

문자열 메소드

1. charAt()

지정된 인덱스에 있는 문자를 반환합니다.

let str = "JavaScript";
console.log(str.charAt(0)); // Output: J

2. charCodeAt()

지정된 인덱스에 있는 문자의 유니코드를 반환합니다.

let str = "JavaScript";
console.log(str.charCodeAt(0)); // Output: 74

3. 연결()

두 개 이상의 문자열을 연결하고 새 문자열을 반환합니다.

let str1 = "Hello, ";
let str2 = "World!";
let result = str1.concat(str2);
console.log(result); // Output: Hello, World!

4. 포함()

문자열에 지정된 값이 포함되어 있는지 확인하여 true 또는 false를 반환합니다.

let str = "JavaScript is awesome!";
console.log(str.includes("awesome")); // Output: true

5. 끝으로()

문자열이 지정된 값으로 끝나는지 확인하여 true 또는 false를 반환합니다.

let str = "Hello, World!";
console.log(str.endsWith("World!")); // Output: true

6. 인덱스오브()

지정된 값이 처음 나타나는 인덱스를 반환하거나, 값이 없으면 -1을 반환합니다.

let str = "JavaScript is awesome!";
console.log(str.indexOf("is")); // Output: 11

7. 라스트인덱스오브()

지정된 값이 마지막으로 나타나는 인덱스를 반환하거나 값이 없으면 -1을 반환합니다.

let str = "JavaScript is awesome! JavaScript is fun!";
console.log(str.lastIndexOf("JavaScript")); // Output: 22

8. 일치()

정규 표현식과 문자열을 일치시킬 때 일치 항목을 검색합니다.

let str = "JavaScript is awesome!";
let regex = /is/g;
console.log(str.match(regex)); // Output: [ 'is', 'is' ]

9. 반복()

호출된 문자열의 지정된 복사본 수를 포함하는 새 문자열을 반환합니다.

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "안녕하세요!"; console.log(str.repeat(3)); // 출력: 안녕하세요!안녕하세요!안녕하세요!

10. 교체()

지정된 값을 문자열의 다른 값으로 바꿉니다.

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "자바스크립트는 굉장해요!"; let newStr = str.replace("굉장해요", "환상적이에요"); console.log(newStr); // 출력: JavaScript는 환상적입니다!

11. 검색()

문자열에서 지정된 값을 검색하고 일치하는 위치를 반환합니다.

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "자바스크립트는 굉장해요!"; console.log(str.search("굉장해요")); // 출력: 15

12.슬라이스()

문자열의 일부를 추출하여 새 문자열로 반환합니다.

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "자바스크립트"; console.log(str.slice(0, 4)); // 출력: 자바

13. 분할()

지정된 구분 기호를 기준으로 문자열을 하위 문자열 배열로 분할합니다.

let str = "Hello!";
console.log(str.repeat(3)); // Output: Hello!Hello!Hello!

let str = "안녕하세요, 세계!"; arr = str.split(", "); console.log(arr); // 출력:

14. 시작()

문자열이 지정된 값으로 시작하는지 확인하여 true 또는 false를 반환합니다.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "안녕하세요, 세계!"; console.log(str.startsWith("안녕하세요")); // 출력: 참

15. 부분문자열()

지정된 두 인덱스 사이의 문자열에서 문자를 추출합니다.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "자바스크립트"; console.log(str.substring(0, 4)); // 출력: 자바

16. toLowerCase()

문자열을 소문자로 변환합니다.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "자바스크립트"; console.log(str.toLowerCase()); // 출력: 자바스크립트

17. 대문자()

문자열을 대문자로 변환합니다.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "자바스크립트"; console.log(str.toUpperCase()); // 출력: 자바스크립트

18. 트림()

문자열의 양쪽 끝에서 공백을 제거합니다.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = " 자바스크립트 "; console.log(str.trim()); // 출력: 자바스크립트

19. 트림시작()

문자열 시작 부분에서 공백을 제거합니다.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "자바스크립트"; console.log(str.trimStart()); // 출력: 자바스크립트

20. 트림엔드()

문자열 끝에서 공백을 제거합니다.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = "자바스크립트 "; console.log(str.trimEnd()); // 출력: 자바스크립트

21. 가치()

문자열 객체의 기본 값을 반환합니다.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = new String("JavaScript"); console.log(str.valueOf()); // 출력: 자바스크립트

템플릿 리터럴

템플릿 리터럴은 포함된 표현식을 허용하여 문자열 연결 및 여러 줄 문자열을 더 쉽게 만듭니다.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let name = "John"; 인사말 = `안녕하세요, ${name} 님! 잘 지내세요?`; console.log(인사말); // 출력: 안녕하세요, 존! 어떻게 지내세요?

문자열.원시()

원시 템플릿 문자열에서 생성된 문자열을 반환하므로 작성된 원시 문자열에 액세스할 수 있습니다.

let str = "Hello, World!";
console.log(str.startsWith("Hello")); // Output: true

let str = String.raw`Hello\nWorld!`; console.log(str); // 출력: Hello\nWorld!

실제 사례

function reverseString(str) {
    return str.split('').reverse().join('');
}
console.log(reverseString("JavaScript")); // Output: tpircSavaJ

함수 reverseString(str) { return str.split('').reverse().join(''); } console.log(reverseString("JavaScript")); // 출력: tpircSavaJ

function isPalindrome(str) {
    let cleanedStr = str.replace(/[\W_]/g, '').toLowerCase();
    return cleanedStr === cleanedStr.split('').reverse().join('');
}
console.log(isPalindrome("A man, a plan, a canal, Panama")); // Output: true

함수는Palindrome(str) { let cleanStr = str.replace(/[\W_]/g, '').toLowerCase(); return cleanStr === cleanStr.split('').reverse().join(''); } console.log(isPalindrome("남자, 계획, 운하, 파나마")); // 출력: 참

function capitalizeWords(str) {
    return str.split(' ').map(word => word.charAt(0).toUpperCase()   word.slice(1)).join(' ');
}
console.log(capitalizeWords("hello world")); // Output: Hello World

함수 capitalizeWords(str) { return str.split(' ').map(word => word.charAt(0).toUpperCase() word.slice(1)).join(' '); } console.log(capitalizeWords("hello world")); // 출력: Hello World

결론

JavaScript 문자열 기능을 익히는 것은 효율적인 텍스트 조작 및 데이터 처리에 매우 중요합니다. 연결 및 슬라이싱과 같은 기본 작업부터 정규식 일치 및 템플릿 리터럴과 같은 고급 기능에 이르기까지 JavaScript는 문자열 작업을 위한 풍부한 도구 세트를 제공합니다. 이러한 기능을 이해하고 활용하면 더 깔끔하고 효율적인 코드를 작성하고 광범위한 프로그래밍 문제를 해결할 수 있습니다.

이 포괄적인 가이드는 JavaScript에서 가장 중요한 문자열 기능을 예시와 설명과 함께 다루었습니다. 이러한 기능을 연습하고 다양한 사용 사례를 실험하여 이해를 강화하고 코딩 능력을 향상시키세요.