首頁  >  文章  >  web前端  >  javascript如何將字串轉為數組

javascript如何將字串轉為數組

青灯夜游
青灯夜游原創
2022-11-23 19:28:4481820瀏覽

3種轉換方法:1、使用split(),可將給定字串拆分為字串數組,語法「str.split(分隔符號,數組最大長度)」;2、利用擴展運算子“...”,可迭代字串對象,將其轉為字元數組,語法“[...str]”;3、使用Array.from(),可將字串轉為數組,語法“ Array.from(str)」。

javascript如何將字串轉為數組

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript中將字串轉為陣列的3種方法

  • #使用split()

  • ##利用擴充運算子「...」

  • 使用Array.from()

方法1:使用split()方法進行轉換

split()方法用於將給定字串拆分為字串陣列;該方法是使用參數中提供的指定分隔符號將其分隔為子字串,然後在一個個傳入數組中作為元素。

語法:

str.split(separator, limit)

參數:


  • #separator:可選。字串或正規表示式,從該參數指定的地方分割 string Object。   

  • limit:可選。此參數可指定傳回的陣列的最大長度。如果設定了該參數,則傳回的子字串不會多於這個參數指定的陣列。如果沒有設定該參數,整個字串都會被分割,不考慮它的長度。

範例1:

var str="Welcome to here !";
var n=str.split("");
console.log(n);

javascript如何將字串轉為數組

#範例2:


var str="Welcome to here !";
var n=str.split(" ");
console.log(n);

javascript如何將字串轉為數組

範例3:

var str="Welcome to here !";
var n=str.split("e");
console.log(n);

javascript如何將字串轉為數組

#方法2:利用擴充運算子「...

擴充運算子 

 是ES6中引入的,將可迭代物件展開到其單獨的元素中,所謂的可迭代物件就是任何能用for of迴圈進行遍歷的物件。

String 也是可迭代對象,所以也可以使用擴充運算子 

... 將其轉換為字元陣列

const title = "china";
const charts = [...title];
console.log(charts); // [ 'c', 'h', 'i', 'n', 'a' ]

javascript如何將字串轉為數組

javascript如何將字串轉為數組


#進而可以簡單進行字串截取,如下:javascript如何將字串轉為數組

const title = "china";
const short = [...title];
short.length = 2;
console.log(short.join("")); // ch

####方法3:使用Array.from()方法進行轉換##### #######Array.from()方法是javascript中的一個內建函數,它從給定的陣列建立一個新的陣列實例。對於字串,字串的每個字母表都會轉換為新數組實例的元素;對於整數值,新數組實例simple將取得給定數組的元素。 ######語法:###
Array.from(str)
###範例:######
var str="Welcome to here !";
var n=Array.from(str);
console.log(n);
#############【推薦學習:###javascript進階教學###】 ###

以上是javascript如何將字串轉為數組的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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