자바스크립트 문자열 객체

JavaScript 문자열 개체

String 개체는 기존 문자 블록을 처리하는 데 사용됩니다.

length 속성을 사용하여 문자열 길이를 계산하는 방법:

<html>
<body>
<script type="text/javascript">
var txt="Hello World!"
document.write(txt.length)
</script>
</body>
</html>

문자열에 스타일을 추가하는 방법:

<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var txt="Hello World!"
document.write("<p>Big: " + txt.big() + "</p>")
document.write("<p>Small: " + txt.small() + "</p>")
document.write("<p>Bold: " + txt.bold() + "</p>")
document.write("<p>Italic: " + txt.italics() + "</p>")
document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")
document.write("<p>Fixed: " + txt.fixed() + "</p>")
document.write("<p>Strike: " + txt.strike() + "</p>")
document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")
document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")
document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")
document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")
document.write("<p>Subscript: " + txt.sub() + "</p>")
document.write("<p>Superscript: " + txt.sup() + "</p>")
</script>
</body>
</html>

indexOf()를 사용하여 문자열에서 지정된 문자의 첫 번째 항목을 찾는 방법:

<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))
</script>
</body>
</html>

match()를 사용하여 문자열에서 특정 문자를 찾고, 발견되면 해당 문자를 반환하는 방법:

<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var str="Hello world!"
document.write(str.match("world") + "<br />")
document.write(str.match("World") + "<br />")
document.write(str.match("worlld") + "<br />")
document.write(str.match("world!"))
</script>
</body>
</html>

replace() 메서드를 사용하여 문자열에서 일부 문자를 다른 문자로 바꾸는 방법:

<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/,"PHP中文网"))
</script>
</body>
</html>

String 객체

문자열 객체는 기존 문자 블록을 처리하는 데 사용됩니다.

예:

다음 예에서는 문자열 개체의 길이 속성을 사용하여 문자열의 길이를 계산합니다.

var txt="Hello world!"
document.write(txt.length)

위 코드의 출력은 다음과 같습니다.

12

다음 예에서는 문자열 개체의 toUpperCase() 메서드를 사용하여 다음을 수행합니다. 문자열을 대문자로 변환:

var txt="Hello world!"
document.write(txt.toUpperCase())

위 코드의 출력은 다음과 같습니다.

HELLO WORLD!

문자열은 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 코드 보기:

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

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

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

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

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

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

코드 출력

' 작은따옴표

" 큰따옴표

\ 슬래시 막대

n 줄 바꿈

r Enter

t 탭

b Space

f 페이지 변경


문자열 속성 및 메서드

Property:

length

prototype

constructor

Method:

charAt()

charCode At()

concat()

fromCharCode()

indexOf()

lastIndexOf()

match()

replace()

search()

slice()

split()

substr()

substring()

toLowerCase()

toUpperCase()

valueOf()


지속적인 학습
||
<html> <meta charset="utf-8"> <body> <script type="text/javascript"> var str="Hello world!" document.write(str.indexOf("Hello") + "<br />") document.write(str.indexOf("World") + "<br />") document.write(str.indexOf("world")) </script> </body> </html>
  • 코스 추천
  • 코스웨어 다운로드
현재 코스웨어를 다운로드할 수 없습니다. 현재 직원들이 정리하고 있습니다. 앞으로도 본 강좌에 많은 관심 부탁드립니다~