자바스크립트 - 문자열 활용

프로그래밍/JavaScript 자바스크립트 2021. 9. 27.


  
    
    
    
    
  
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<script type="text/javascript">
var s1, s2;

s1 = "seoul korea";
s2 = s1.length; // 문자열의 길이
console.log(s2); // 11

s2 = s1.charAt(6); // 문자열에서 index 위치의 문자 반환. index는 0부터 시작
console.log(s2); // 'k'

s2 = s1.substring(6, 9); // s 인덱스에서 e-1 인덱스까지의 문자열
console.log(s2); // 'kor'

s2 = s1.substring(6); // s 인덱스에서 끝 까지의 문자열
console.log(s2); // 'korea'

s2 = s1.substr(6, 3); // s 인덱스에서 3개만 추출
console.log(s2); // 'kor'

s2 = s1.substr(6); // s 인덱스에서 끝 까지의 문자열
console.log(s2); // 'korea'

s2 = s1.indexOf("o"); // 문자열의 인덱스 반환. 없으면 -1을 반환
console.log(s2); // 2

s2 = s1.lastIndexOf("o"); // 문자열을 뒤에서 부터 찾아 인덱스 반환. 없으면 -1을 반환
console.log(s2); // 7

s2 = s1.indexOf("java"); // 없으면 -1을 반환
console.log(s2); // -1

s2 = s1.toUpperCase(); // 모두 영문자를 대문자로
console.log(s2); 

s2 = s2.toLowerCase(); // 모두 영문자를 소문자로
console.log(s2); 

console.log(s1 === "seoul"); // false
console.log( s1.startsWith("seoul") ); // true
console.log( s1.startsWith("korea") ); // false
console.log( s1.startsWith("korea", 6) ); // true
console.log( s1.endsWith("korea") ); // true

s1 = "    자    바    ";
s2 = ":" + s1 + ":";
console.log(s2); 

s2 = ":" + s1.trim() + ":"; // 왼쪽과 오른쪽의 공백 제거
console.log(s2); 

s1 = "javascript,HTML,CSS";
s2 = s1.split(","); // 문자열을 구분자로 분류한 부분 문자열을 담은 배열을 반환
for(var n = 0; n < s2.length; n++) {
	console.log(s2[n]);
}

s1 = "대한 우리대한 한국 대한";
s2 = s1.replace(/대한/g, '大韓'); // 치환
console.log(s2);

</script>
</head>
<body>

<h3>내장객체 - String</h3>

</body>
</html>

- .length = 문자열의 길이 구하기

- .charAt() = 문자열에서 몇번째의 문자 반환

- .substring(6, 9) = 문자열에서 6번째부터 9번째 인덱스까지 반환

- .substr(6, 3) = 6번째 인덱스 에서부터 3개만 추출

- .indexOf("o") = 문자열에서 o 의 위치의 인덱스 번호 반환 없으면 -1

- .lastIndexOf("o") = 문자열 뒤에서부터 찾음. 없으면 -1

- .toUpperCase() / .toLowerCase() = 모든 영문자를 대문자 또는 소문자로

- .split(","); = 문자열을 콤마 단위로 잘라서 배열에 담고 배열 반환

저작자표시

'프로그래밍 > JavaScript 자바스크립트' 카테고리의 다른 글

자바스크립트 - Math 함수 (0)	2021.09.28
자바스크립트 - 시간 관련 함수 (Date) (0)	2021.09.28
자바스크립트 - 함수 만들기 (0)	2021.09.27
자바스크립트 - 반복문, if문, prompt, confirm (0)	2021.09.27
자바스크립트 - 기초(3) / 타이머 함수 (0)	2021.09.26

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`

이 페이지의 URL 복사	`S` `S`
맨 위로 이동	`T` `T`
티스토리 홈 이동	`H` `H`
단축키 안내	`Shift` + `/` `⇧` + `/`

인기 포스트

최근 댓글

ABOUT ME

'프로그래밍 > JavaScript 자바스크립트' 카테고리의 다른 글

티스토리툴바

단축키

내 블로그

블로그 게시글

모든 영역