首頁 > 文章 > web前端 > 圖文詳解JavaScript中字串轉換為陣列的方法

圖文詳解JavaScript中字串轉換為陣列的方法

yulia原創: 2018-10-11 14:31:538119瀏覽

在前端開發中常常需要使用JavaScript，那你知道怎麼將JS字串轉換成陣列嗎？這篇文章就跟大家講講JS將字串轉換為陣列的方法，有興趣的朋友可以參考一下，希望可以幫助你。

之前一篇文章已經跟大家講了如何將陣列轉換為字串，需要的可以看看，接下來直奔主題。

JavaScript中的split()方法可以將字串轉換成數組，且所有主流瀏覽器都支援 split() 方法。

語法：string.split(separator,limit)
separator表示從什麼地方開始分割字串對象，是一個可選值。
limit表示該陣列可以傳回的最大長度，是一個可選值。如果未設定這個參數，整個字串都會被分割，不會限制它的長度。

範例1：用split(" ")方法將what kind of guys do you like這個字串轉換為數組，程式碼如下：

<!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>

效果圖：

圖文詳解JavaScript中字串轉換為陣列的方法

舉例2：用split("")方法分割每個字符，包括空格，程式碼如下：

<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>

效果圖：

圖文詳解JavaScript中字串轉換為陣列的方法

範例3：將str="a|b|c|d|e|f|g"這個字串去掉中間分隔符，並轉換為數組，程式碼如下：

<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影片教學

以上是圖文詳解JavaScript中字串轉換為陣列的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

JavaScript String 字符串 JS 对象 kind

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：虛擬dom原理流程的分析與實現下一篇：虛擬dom原理流程的分析與實現

看更多