자바스크립트에서 string 타입을 다른 언어에서처럼 함수를 가지고 이용해볼 수 있다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Javascript String</title>
</head>
<body>
<script type="text/javascript">
var str = "A letter is a written message conveyed from one person to another person through a medium.";
// 문자열의 길이
document.write("str의 길이 : ", str.length);
// 문자열의 위치
document.write("<br>is의 위치 : ", str.indexOf("is"));
// 동일한 문자열의 마지막 문자열 위치
document.write("<br>'person'의 마지막 위치 : ", str.lastIndexOf("person"));
// 문자열 검색
document.write("<br>message 문자열의 존재여부 : ", str.search("message"));
document.write("<br>school 문자열의 존재여부 : ", str.search("school"));
var str1 = "Apple, Banana, Kiwi";
var result = str1.slice(7, 13);
document.write("<br>result : ", result);
result = str1.substring(7,13);
document.write("<br>result : ", result);
var result2 = str1.replace("Banana", "Melon");
document.write("<br>문자열 치환 결과 : ", result2);
// replace에서 정규 수식 (regular expression) 사용
var str2 = "Apple, Banana, Kiwi, Banana"
var result3 = str2.replace(/BANANA/i, "WaterMelon"); // 대소문자 구분안하고 치환 (case insensitive)
document.write("<br>문자열 치환 결과 : ", result3);
//모든 단어를 치환하는 regular expression
result4 = str2.replace(/Banana/g, "Peach");
document.write("<br>문자열 치환 결과 : ", result4); //g(global) 해당 문자 갯수에 상관없이 모두 치환
// 모든 문자열을 대문자로 변환
var text1 = "Hello javaScript";
var text2 = text1.toUpperCase();
document.write("<br>toUpperCase 결과 : ", text2);
// 문자열을 연결하는 기능
var text3 = "Hello";
var text4 = "Everyone";
document.write("<br>text3, text4의 concat() : ", text3.concat(text4));
// trim : 문자열 앞뒤에 공백 제거
var text5 = " Hello Javascript ";
document.write("<br>trim 결과 : [", text5.trim(),"]");
/// 문자열에서 특정 위치 문자를 선택
document.write("<br>text4에서 5번 index의 글자 : ",text4.charAt(5));
// 문자열에서 특정 위치 문자의 코드
document.write("<br>text4에서 첫번째 글자의 문자 코드 : ", text4.charCodeAt(0));
</script>
</body>
</html>
728x90
반응형
'HTML > Javascript 기초' 카테고리의 다른 글
| [Javascript] 자바스크립트 date 클래스 사용하기 (0) | 2020.07.31 |
|---|---|
| [Javascript] 세자리 수 마다 콤마(,) 추가하기 (0) | 2020.07.31 |
| [Javascript] Math 이용해서 실습 (0) | 2020.07.31 |
| [Javascript] 자바스크립트 수학(Math) 사용해보기 (0) | 2020.07.31 |
| [Javascript] core Time 실습 (0) | 2020.07.31 |
