1. 程式人生 > 實用技巧 >JS陣列轉字串方法總彙

JS陣列轉字串方法總彙

JavaScript允許陣列與字串之間相互轉換。其中 Array方法物件定義了 3個方法,可以把陣列轉換為字串,如表所示。

陣列方法說明
toString() 將陣列轉換成一個字串
toLocalString() 把陣列轉換成本地約定的字串
join() 將陣列元素連線起來以構建一個字串

Array 物件的陣列與字串相互轉換方法陣列方法說明toString()將陣列轉換成一個字串toLocalString()把陣列轉換成本地約定的字串join()將陣列元素連線起來以構建一個字串

示例1 toString()

下面使用toString()方法讀取陣列的值。

陣列中 toString()方法能夠把每個元素轉換為字串,然後以逗號連線輸出顯示。

var a = [1,2,3,4,5,6,7,8,9,0];  //定義陣列
var s = a.toString();  //把陣列轉換為字串
console.log(s);  //返回字串“1,2,3,4,5,6,7,8,9,0”
console.log(typeof s);  //返回字串string,說明是字串型別

當陣列用於字串環境中時,JavaScript會自動呼叫toString()方法將陣列轉換成字串。在某些情況下,需要明確呼叫這個方法。

var a = [1,2,3,4,5,6,7,8,9,0];  //定義陣列
var b = [1,2,3,4,5,6,7,8,9,0];  //定義陣列
var s = a + b;  //陣列連線操作
console.log(s);  //返回“1,2,3,4,5,6,7,8,9,01,2,3,4,5,6,7,8,9,0”
console.log(typeof s);  //返回字串string,說明是字串型別

toString()在把陣列轉換成字串時,首先要將陣列的每個元素都轉換為字串。當每個元素都被轉換為字串時,才使用逗號進行分隔,以列表的形式輸出這些字串。

var a = [1,[2,3],[4,5]],[6,[7,[8,9],0]]];  //定義多維陣列
var s = a.toString();  //把陣列轉換為字串
console.log(S);  //返回字串“1,2,3,4,5,6,7,8,9,0”

其中陣列a是一個多維陣列,JavaScript會以迭代的方式呼叫toString()方法把所有陣列都轉換為字串。

示例2 toLocaleString()

下面使用toLocaleString()方法讀取陣列的值。

toLocaleString()方法與toString()方法用法基本相同,主要區別在於toLocaleString()方法能夠使用使用者所在地區特定的分隔符把生成的字串連線起來,形成一個字串。

var a = [1,2,3,4,5];  //定義陣列
var s = a.toLocaleString();  //把陣列轉換為本地字串
console.log(s);  //返回字串“1,2,3,4,5,6,7,8,9,0”

在上面示例中,toLocaleString()方法根據中國的使用習慣,先把數字轉換為浮點數之後再執行字串轉換操作。

廣州vi設計http://www.maiqicn.com 辦公資源網站大全https://www.wode007.com

示例3 join()

下面使用join()方法可以把陣列轉換為字串。

join()方法可以把陣列轉換為字串,不過它可以指定分隔符。在呼叫join()方法時,可以傳遞一個引數作為分隔符來連線每個元素。如果省略引數,預設使用逗號作為分隔符,這時與toString()方法轉換操作效果相同。

var a = [1,2,3,4,5];  //定義陣列
var s = a.join("==");  //指定分隔符
console.log(s);  //返回字串“1==2==3==4==5”

示例4 split()

下面使用split()方法把字串轉換為陣列。

split()方法是 String物件方法,與join()方法操作正好相反。該方法可以指定兩個引數,第 1個引數為分隔符,指定從哪兒進行分隔的標記;第 2個引數指定要返回陣列的長度。

var s = "1==2== 3==4 ==5";
var a = s.split("==");
console.log(a);
console.log(a.constructor == Array);