#17 자바스크립트 문자열 처리

1. 문자열 입력
    자바스크립트에서는 따옴표('')나 쌍따옴표("")로 입력할 수 있다.

   var str1 = 'Hello, World!';
   var str2 = "안녕하세요.";
 
2. 문자열 연결
    자바스크립트에서는 '+' 연산자를 사용하여 문자열을 연결할 수 있다.

var str1 = 'Hello';
var str2 = 'World';
var str3 = str1 + ', ' + str2 + '!';
console.log(str3); // 출력 결과: 'Hello, World!'

 
3. 문자열 길이 구하기
 length 속성을 이용하여 문자길이 구하기

var str = 'Hello, World!';
var len = str.length;
console.log(len); // 출력  결과: 13
 
 
4. 문자열 자르기
 substr(), substring(), slice() 등의 함수를 사용하여 문자열을 자를 수 있다.

var str = 'Hello, World!';
var subStr1 = str.substr(7, 5); // 인덱스 7부터 5글자를 잘라서 subStr1에 저장
var subStr2 = str.substring(7, 12); // 인덱스 7부터 12까지의 문자열을 잘라서 subStr2에 저장
var subStr3 = str.slice(7, 12); // 인덱스 7부터 12까지의 문자열을 잘라서 subStr3에 저장
console.log(subStr1); // 출력 결과: 'World'
console.log(subStr2); // 출력 결과: 'World'
console.log(subStr3); // 출력 결과: 'World'
 
 
5. 문자열 검색
 indexOf(), lastIndexOf(), includes() 등의 함수를 사용하여 문자열을 검색할 수 있다.

var str = 'Hello, World!';
var index1 = str.indexOf('l'); // 'l' 문자의 인덱스를 검색 (왼쪽 기준)
var index2 = str.lastIndexOf('l'); // 마지막 'l' 문자의 인덱스를 검색 (왼쪽 기준)
var isInclude = str.includes('World'); // 'World' 문자열이 포함되어 있는지 검색
console.log(index1); // 출력 결과: 2
console.log(index2); // 출력 결과: 10
console.log(isInclude); // 출력 결과: true
 
 
6. 문자열 대/소문자 변환
toUpperCase(), toLowerCase() 함수를 사용하여 문자열을 대/소문자로 변환할 수 있다.

var str = 'Hello, World!';
var upperStr = str.toUpperCase(); // 대문자로 변환
var lowerStr = str.toLowerCase(); // 소문자로 변환
 
 
7. 문자열 바꾸기
replace() : 메서드는 문자열에서 특정 패턴을 찾아 다른 문자열로 대체하는 기능을 제공합니다.

let str = "사과 , 바나나 , 딸기 , 오렌지 , 바나나";
let newStr = str.replace("바나나", "바나나 싫어");

document.write(newStr); // 출력 결과: "사과 , 바나나 싫어 , 딸기 , 오렌지 , 바나나"

위 예제에서 문자열 str에서 "바나나"라는 패턴을 찾아 "바나나 싫어"로 대체합니다.
자바스크립트는 replace()은 첫번째로 발견한 "바나나" 문자열만 변경되는 문제가 있고
replaceAll()이란 함수가 없어 아래 예시와 같이 하야 됩니다.
 
 
 
 
replace()에서 정규식(regular expression)을 이용하여 모든 문자열 변경 예)

let str = "사과 , 바나나 , 딸기 , 오렌지 , 바나나";
let newStr = str.replace(/바나나/g, "바나나 싫어");

document.write(newStr); // 출력 결과: "사과 , 바나나 싫어 , 딸기 , 오렌지 , 바나나 싫어"
 
위 예시에서 정규식으로 찾으려는 문자열은 '/'로 감싸서, 변수로 들어가는 값이 정규식 임을 알려줍니다.
그리고, '/' 뒤에는 'g'라는 modifier(클래스의 속성(멤버 변수)을 수정하거나 메서드를 통해 속성을 변경하는
역할)를 붙여주었고  g "global match"는 정규 표현식을 사용하여 문자열에서 패턴과 일치하는 모든 항목을
찾는 작업을 말합니다.
 
 
 
 
replace()에서 정규식(regular expression)을 이용하여  대소문자 상관 없이 모든 문자열 변경 예)

let str = "Apple , apple , 딸기 , 오렌지 , Apple";
let newStr = str.replace(/apple/gi, "사과");

document.write(newStr); // 출력 결과: "사과 , 사과 , 딸기 , 오렌지 , 사과"

위 예시에서 정규식으로 찾으려는 문자열은 '/'로 감싸서, 변수로 들어가는 값이 정규식 임을 알려줍니다.
그리고, '/' 뒤에는 'gi'를 붙여주어 대소문자와 상관 없이 'Apple' ,  'apple' 는 모두 '사과'로 치환합니다
 
 
 
 
 
8. 그 외 문자열에 관련된 메소드
anchor() //하이퍼텍스트 링크로 사용되는 표식을 지정합니다.
big() //문자열의 크기를 크게 합니다.. <BIG> 태그와 동일한 결과입니다.
blink() //문자열을 깜박이게 합니다.. <BLINK> 태그와 동일한 결과입니다.
bold() //문자열을 볼드체로 보여줍니다. <B> 태그와 동일한 결과입니다.
charAt() //지정된 인덱스에 있는 문자를 반환합니다.
charCodeAt() //문자열의 유니코드 값 알아냅니다.
concat() //두 문자열을 하나로 붙입니다.
fixed() //문자열을 고정된 크기의 폰트로 보여줍니다. <TT> 태그와 동일한 결과입니다.
formCharCode() //유니코드 값에 해당하는 문자 알아냅니다.
fontcolor()  //문자열이 지정된 색으로 보이도록 만듭니다.<FONT COLOR=color> 태그와 동일한 결과입니다.
fontsize() //문자열이 지정된 크기로 보이도록 만듭니다.<FONT SIZE=size> 태그와 동일한 결과입니다.
italics() //문자열을 이탤릭체로 보여줍니다. <I> 태그와 동일한 결과입니다.
lastindexOf() //검색한 문자열이 처음으로 나타나는 위치를 반환합니다.(뒤에서부터 검색)
link() //하이퍼텍스트링크를 만듭니다.
match() //문자열에서 정규식 검색하여 성공 여부를 반환합니다.
search() //문자열에 정규식 검색하여 위치 파악합니다.
small() //문자열을 작은 크기로 나타나게 합니다. <SMALL>태그와 동일한 결과입니다.
split() //문자열을 분리시킵니다.
strike() //문자열 중간에 줄을 그립니다. <STRIKE> 태그와 동일한 결과입니다.
sub() //문자열을 아래첨자로 만듭니다. <SUB> 태그와 동일한 결과입니다.
sup() //문자열이 위첨자로 나타나도록 만듭니다. <SUP>와 동일한 결과입니다.
toSource() //String 객체의 소스 코드를 반환합니다. 넷스케이프에서 동작
toString() //String 객체를 문자열로 만들어 반환합니다.
valueOf() //String 객체 값을 현재 데이터 타입으로 반환합니다.