자바스크립트 문자열 객체

문자열 개체 정의

JavaScript 문자열 개체는 텍스트 문자열을 처리하는 데 사용됩니다. String 객체를 생성하는 구문은 다음과 같습니다.

<script language="JavaScript">
var str_object = new String( str );
var str1 = String( str );
var str2 = str;
</script>

위의 세 가지 방법 중 첫 번째 방법만 String 생성자를 사용하여 문자열 객체를 엄격하게 정의하고 객체를 반환합니다. 두 번째는 String 함수를 호출하여 매개변수 str을 원래 문자열로 변환하고 반환하는 것입니다. 세 번째 방법은 문자열 변수를 정의하는 것이지만 JavaScript에서는 여전히 문자열 개체로 처리됩니다.

다음 명령문을 실행하여 차이점을 알아보세요.

alert( typeof str_object ); // 출력 object
alert( typeof str1 ); // 출력 문자열
alert( typeof str2 ); 개체 속성

속성 설명 프로토타입 객체에 속성 및 메서드 추가

문자 문자열은 길이 속성 길이를 사용하여 계산합니다. 문자열의 길이:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<script>
var txt = "Hello World!";
document.write("<p>" + txt.length + "</p>");
var txt="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.write("<p>" + txt.length + "</p>");
</script>
</body>
</html>

String은 indexOf()를 사용하여 첫 번째 항목을 찾습니다. 문자열에서 지정된 문자:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="p1">Click the button to locate where "locate" first occurs.</p>
<p id="p2">0</p>
<button onclick="myFunction()">点击查看</button>
<script>
function myFunction(){
var str=document.getElementById("p1").innerHTML;
var n=str.indexOf("locate");
document.getElementById("p2").innerHTML=n+1;
}
</script>
</body>
</html>

match() 함수는 문자를 찾는 데 사용됩니다. 문자열에서 특정 문자를 찾고, 발견되면 이 문자를 반환합니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
var str="Hello world!";
document.write(str.match("world") + "<br>");
document.write(str.match("World") + "<br>");
document.write(str.match("world!"));
</script>
</body>
</html>

replace() 메서드는 문자열의 특정 문자를 다른 문자로 바꿉니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<button onclick="myFunction()">点我</button>
<p id="demo">请访问 Microsoft!</p>
<script>
function myFunction() {
    var str = document.getElementById("demo").innerHTML; 
    var txt = str.replace("Microsoft","php.cn");
    document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>

문자열 대/소문자 변환에는 toUpperCase() / toLowerCase() 함수를 사용하세요.

var txt="Hello World!"; // String

var txt1=txt.toUpperCase(); 대문자로
var txt2=txt.toLowerCase(); // txt2 텍스트는 소문자로 변환됩니다.

문자열은 Strong>split() 함수를 사용하여 배열로 변환됩니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<button onclick="myFunction()">点击显示</button>
<script>
function myFunction(){
var str="a,b,c,d,e,f";
var n=str.split(",");
document.getElementById("demo").innerHTML=n[2];
}
</script>
</body>
</html>

특수 문자

Javascript( ) 아포스트로피, 따옴표, 기타 특수 기호 등 특수 기호를 삽입합니다.

다음 JavaScript 코드 보기:

var txt="우리는 소위 북쪽에서 온 "바이킹"입니다.";document.write(txt);

JavaScript에서는 작은따옴표나 큰따옴표를 사용하여 문자열을 시작하고 중지합니다. 이는 위의 문자열이 다음과 같이 잘려짐을 의미합니다. We are the 소위

위의 문제를 해결하려면 백슬래시를 사용하여 따옴표를 이스케이프 처리할 수 있습니다.

var txt="We are the 소위 "Vikings " from the north.";
document.write(txt);

JavaScript는 올바른 텍스트 문자열을 출력합니다. We are the 소위 "Vikings" from the north.

다음 표에는 기타 특수 문자, 특수 문자가 나열되어 있습니다. 백슬래시를 사용하여 이스케이프할 수 있습니다.

Output
' 작은따옴표

" 큰따옴표

\ 슬래시 막대
n 줄 바꿈
r 캐리지 리턴
t 탭
b 스페이스
f 페이지 변경

지속적인 학습

||

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> var str = "www.php.cn"; document.write( str.split(".") + "<br />" ); document.write( str.split("") + "<br />" ); document.write(str.split(".", 2)); </script> </head> <body> </body> </html>

제출하다 코드 재설정
자동운전