728x90
★ 문자열 함수
- 문자열 선언
var txt = "Hello~ Hong~";
- 1. 문자열 길이
console.log(txt.length); //자바(field), 자바스크립트(property)
- 2. 검색
- indexOf() : 필드의 위치를 찾아주세요
- lastIndexOf() : 끝에서부터 위치를 찾아주세요
console.log(txt.indexOf('~')); //5
console.log(txt.indexOf('~', 6)); //11
console.log(txt.lastindexOf('~')); //11
- 3. 대소문자 변환
console.log(txt.toUpperCase());
console.log(txt.toLowerCase());
- 4. 추출
console.log(txt.substring(2,8));
console.log(txt.substring(2));
console.log(txt.substr(2,4));
console.log(txt.substr(2));
console.log(txt.charAt(2)); //문자 추출
console.log(txt.charCodeAt(2)); //문자 코드값 추출 > () 형변환 연산
- 5. 치환(***)
- 처음 만나는 요소만 치환한다. (반복 X)
txt = 'Hello~ Hong~ Bye~ Hong~';
console.log(txt.replace('Hello', 'Hi'));
console.log(txt.replace('Hong', 'Lee'));
- 정규 표현식 사용 > 반복 가능
console.log(txt.replace(/Hong/g, 'Lee'));
- 6. 공백제거
txt = ' 하나 둘 셋 ';
console.log(txt.trim());
- 7. 분할
txt='홍길동, 아무개, 하하하, 호호호, 후후후';
console.log(txt.split(','));
- 8. 검색
txt='홍길동';
console.log(txt.startsWith('홍'));
console.log(txt.endsWith('동'));
728x90
'웹페이지' 카테고리의 다른 글
JAVASCRIPT STEP 8 - ARRAY (0) | 2023.04.21 |
---|---|
JAVASCRIPT STEP 7 - DATE (0) | 2023.04.21 |
JAVASCRIPT STEP 5 - Casting (0) | 2023.04.21 |
JAVASCRIPT STEP 4 - Scope (0) | 2023.04.21 |
JAVASCRIPT STEP 3 - Function (0) | 2023.04.20 |