在前端開發中常常需要使用JavaScript,那你知道怎麼將JS字串轉換成陣列嗎?這篇文章就跟大家講講JS將字串轉換為陣列的方法,有興趣的朋友可以參考一下,希望可以幫助你。
之前一篇文章已經跟大家講了如何將陣列轉換為字串,需要的可以看看,接下來直奔主題。
JavaScript中的split()方法可以將字串轉換成數組,且所有主流瀏覽器都支援 split() 方法。
語法:string.split(separator,limit)
separator表示從什麼地方開始分割字串對象,是一個可選值。
limit表示該陣列可以傳回的最大長度,是一個可選值。如果未設定這個參數,整個字串都會被分割,不會限制它的長度。
範例1:用split(" ")方法將what kind of guys do you like這個字串轉換為數組,程式碼如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
<title></title>
</head>
<body>
<button onclick= "myFunction()" >点我</button>
</body>
<script type= "text/javascript" >
function myFunction(){
var str= "what kind of guys do you like" ;
var n=str.split( " " );
document.write( "数组是" +n+ "数组长度:" +n.length);
}
</script>
</html>
|
登入後複製
效果圖:

舉例2:用split("")方法分割每個字符,包括空格,程式碼如下:
1 2 3 4 5 6 7 | <script type= "text/javascript" >
function myFunction(){
var str= "what kind of guys do you like" ;
var n=str.split( "" );
document.write( "数组是" +n+ "数组长度:" +n.length);
}
</script>
|
登入後複製
效果圖:

範例3:將str="a|b|c|d|e|f|g"這個字串去掉中間分隔符,並轉換為數組,程式碼如下:
1 2 3 4 5 6 7 | <script type= "text/javascript" >
function myFunction(){
var str= "a|b|c|d|e|f|g" ;
var n=str.split( "|" );
document.write( "数组是" +n+ "数组长度:" +n.length);
}
</script>
|
登入後複製
效果圖:

##以上主要介紹了JavaScript中將字串轉換成陣列的方法,比較簡單,小白可以自己動嘗試,希望這篇文章可以幫助你!更多相關教學請造訪
JavaScript影片教學
以上是圖文詳解JavaScript中字串轉換為陣列的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!