DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> javascript操作字符串的原生方法
javascript操作字符串的原生方法
編輯:JavaScript基礎知識     

join([分隔符])數組元素組合為字符串

toString()以字符串表示數組

reverse()數組反轉--改變原數組本身

valueOf()返回數組值

復制代碼 代碼如下:
<html>
<head>
<script type="text/javascript">
var fruits= ["蘋果","鴨梨","橙子"];//建議這樣定義、初始化數組
with(document){
    writeln("<ul>");
    writeln("<li>"+fruits.join()+"</li>");
    writeln("<li>"+fruits.join("--")+"</li>");
    writeln("<li>"+fruits.reverse().join()+"</li>");
    writeln("<li>"+fruits.valueOf()+"</li>");
    writeln("</ul>");
}
</script>
</head>
</html>

toUpperCase()--變大寫

charAt(index)--指到某一個字符

substring(begin,len)--截斷字符串

復制代碼 代碼如下:
<html>
<head>
<script type="text/javascript">
var str="javascript";
var num=1234;
with(document){
    writeln(str.toUpperCase()+"<br>");
    writeln(num.toString().charAt(3)+"<br>");
    writeln(str.substring(0,4)+"<br>");
}
</script>
</head>
</html>

運行結果:

復制代碼 代碼如下:
JAVASCRIPT
3
java

indexOf--判斷字符串中是否存在某字符

復制代碼 代碼如下:
<html>
<head>
<script type="text/javascript">
function isEmail(){
    var emailValue=document.getElementsByName("email")[0].value;
    if(emailValue.indexOf("@")==-1){
        alert("請輸入正確的電子郵件");
    }else{
        alert("ok");
    }
}
</script>
</head>
<body>
<input type="text" name="email"     >
<input type="button" value="check" onclick="isEmail();">
</body>
</html>

小伙伴們是否對javascript中操作字符串的原生方法有所了解了呢,很多時候,這些原生的方法就可以很簡單的實現我們所需要的功能了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved