[JS] String 메소드 (str.charAt, str.substring, str.indexOf, str.replace, str.replaceAll)
2021. 7. 30. 22:27
728x90
01 문자열
02 str.charAt() // 문자열에서 지정된 위치에 있는 문자 반환
- String 인스턴스에서 전달받은 인덱스에 위치한 문자나 문자 코드를 반환.
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>string</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script>
var str = "국회의원은 국가이익을 우선하여 양심에 따라 직무를 행한다.";
document.write(str.charAt(4));
</script>
</head>
<body>
</body>
</html>
03 str.substring() // 문자열 추출
- String 인스턴스에서 전달받은 시작 인덱스부터 종료 인덱스 바로 앞까지의 문자열만을 추출하여 만든 새로운 문자열을 반환.
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>string</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script>
var str = "국회의원은 국가이익을 우선하여 양심에 따라 직무를 행한다.";
document.write(str.substring(6,10));
</script>
</head>
<body>
</body>
</html>
04 str.indexOf() // 문자열에서의 위치 찾기
- String 인스턴스에서 특정 문자나 문자열이 처음으로 등장하는 위치를 반환.
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>string</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script>
var str = "국회의원은 국가이익을 우선하여 양심에 따라 직무를 행한다.";
document.write(str.indexOf("국"),"<br>");
document.write(str.indexOf("국", 5)); // 인덱스 5부터 '국'을 찾기 시작
</script>
</head>
<body>
</body>
</html>
05 str.replace( , ), str.replaceAll( , ) // 문자열 대체
- 인수로 전달받은 패턴에 맞는 문자열을 대체 문자열로 변환한 새 문자열을 반환.
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>string</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<script>
var str = "국회의원은 국가이익을 우선하여 양심에 따라 직무를 행한다.";
document.write(str.replace("국", "X"),"<br>");
document.write(str.replaceAll("국", "X"));
</script>
</head>
<body>
</body>
</html>
06 그 외
| 메소드 | 설명 |
| lastIndexOf() | String 인스턴스에서 특정 문자나 문자열이 마지막으로 발견한 곳의 인덱스를 반환 |
| slice() | Same as "str.substring()", 단 이 프로퍼티는 음수의 인수를 전달할 수 있음 |
| substr() | String 인스턴스에서 전달받은 시작 인덱스부터 길이만큼의 문자열을 추출한 새로운 문자열을 반환 |
| split() | String 인스턴스에서 구분자(separator)를 기준으로 국부한 후 분리된 문자열을 하나의 배열로 반환 |
| concat() | String 인스턴스에 전달받은 문자열을 결합한 새로운 문자열을 반환 할당 연산자(+, +=)를 사용하는 것이 더 좋음 |
| search() | 인수로 전달받은 정규 표현식에 맞는 문자나 문자열이 처음으로 등장하는 위치의 인덱스를 반환 |
| match() | 인수로 전달받은 정규 표현식에 맞는 문자열을 찾아서 하나의 배열로 반환 |
| toLocaleUpperCase() | 영문자뿐만 아니라 모든 언어의 문자를 대문자로 변환한 새로운 문자열을 반환 |
| toLocaleLowerCase() | 영문자뿐만 아니라 모든 언어의 문자를 소문자로 변환한 새로운 문자열을 반환 |
| repeat() | 해당 문자열을 인수로 전달받은 횟수만큼 반복하여 결합한 새로운 문자열을 반환 |
| toString() | String 인스턴스의 값을 문자열로 반환 |
| valueOf() | String 인스턴스의 값을 문자열로 반환 |
728x90
'JavaScript > Study' 카테고리의 다른 글
| [JS] 대화상자 (alert, confirm) (0) | 2021.07.30 |
|---|---|
| [JS] 배열 (array, arr.push) (0) | 2021.07.30 |
| JS String 객체/프로퍼티 ("", '', .length,) (0) | 2021.07.30 |
| JS Math 프로퍼티 (Math.PI) (0) | 2021.07.30 |
| JS Math 메소드 (Math.max, Math.min, Math.random, Math.round, Math.floor, Math.ceil, Math.trunc) (0) | 2021.07.25 |
