웹페이지

JAVASCRIPT STEP 6 - STRING

IT의 큰손 2023. 4. 21. 10:14
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