자바스크립트 문자열
문자열 객체는 기존 문자 블록을 처리하는 데 사용됩니다.
JavaScript 문자열
문자열은 "John Doe"와 같은 일련의 문자를 저장하는 데 사용됩니다.
문자열은 작은따옴표나 큰따옴표를 사용할 수 있습니다.
인스턴스
var carname='Volvo XC60';
위치(색인)를 사용하여 문자열의 모든 문자에 액세스할 수 있습니다.
Instance
문자열의 인덱스는 0부터 시작하므로 문자열의 첫 번째 문자는 [0], 두 번째 문자는 [1] 등입니다.
아래와 같이 문자열에 따옴표를 사용할 수 있습니다.
예
var Answer="He is Called 'Johnny'";
var Answer='He is Called "Johnny"';
또는 따옴표를 사용하여 문자열에 이스케이프 문자를 사용할 수 있습니다.
인스턴스
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script> var carname1="Volvo XC60"; var carname2='Volvo XC60'; var answer1="It's alright"; var answer2="He is called 'Johnny'"; var answer3='He is called "Johnny"'; document.write(carname1 + "<br>") document.write(carname2 + "<br>") document.write(answer1 + "<br>") document.write(answer2 + "<br>") document.write(answer3 + "<br>") </script> </body> </html>
인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
String
String은 길이 속성length을 사용하여 문자열의 길이를 계산합니다.
Instance
<!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>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
문자열에서 문자열 찾기
문자열은 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>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
해당 문자 함수를 찾을 수 없으면 -1을 반환합니다.
lastIndexOf() 메서드는 문자열 Find에 있습니다. 끝에서부터 시작하는 문자열의 발생.
콘텐츠 매칭
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>
<p>替换 "Microsoft" 为 "php.cn" :</p>
<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():
함수를 사용합니다. 인스턴스
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<script>
var txt="Hello World!";
document.write("<p>" + txt.toUpperCase() + "</p>");
document.write("<p>" + txt.toLowerCase() + "</p>");
document.write("<p>" + txt + "</p>");
</script>
<p>该方法返回一个新的字符串，源字符串没有被改变。</p>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
문자열을 배열로 변환
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[0];
}
</script>
</body>
</html>실행 인스턴스 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
특수문자
백슬래시()를 사용하여 특수 기호를 삽입할 수 있습니다. Javascript에서는 아포스트로피, 따옴표, 기타 특수 기호 등을 사용할 수 있습니다.
다음 JavaScript 코드 보기:
document.write(txt);
JavaScript에서 문자열은 작은따옴표나 큰따옴표를 사용하여 시작하고 중지합니다. 이는 위의 문자열이 다음과 같이 잘려짐을 의미합니다. We are the 소위
위의 문제를 해결하려면 백슬래시를 사용하여 따옴표를 이스케이프 처리할 수 있습니다.
document.write(txt);
JavaScript는 올바른 텍스트 문자열을 출력합니다. 우리는 소위 " Vikings" from the north.
다음 표에는 기타 특수 문자가 나열되어 있습니다. 백슬래시를 사용하여 특수 문자를 이스케이프할 수 있습니다.
| 代码 | 输出 |
|---|---|
| ' | 单引号 |
| " | 双引号 |
| \ | 斜杆 |
| n | 换行 |
| r | 回车 |
| t | tab |
| b | 空格 |
| f | 换页 |
문자열 속성 및 메서드
속성:
길이
프로토타입
생성자
방법:
charAt()
charCodeAt()
concat()
fromCharCode()
indexOf()
lastIndexOf()
match()
replace()
search()
slice()
split()
substr()
substring()
toLowerCase()
toUpperCase()
valueOf()
