Javascript Array轉String用法及代碼示例

我們已獲得一個由各種元素組成的數組作為輸入，我們的任務是使用 JavaScript 將這個元素數組轉換為字符串。為了更好地理解，下麵我們添加了示例：

例子：

Input: arr= [1,2,3,4,5,6]
Output: 1,2,3,4,5,6

因此，我們將看到上述所有狀態的實現方式。

方法一：使用Array.join()方法

JavaScript 中的 join 方法用於將數組的元素連接到字符串中。在這裏，我們可以指定分隔符，否則默認情況下將以逗號作為默認分隔符。

用法:

array.join(optional_separator)

例子：在此示例中，我們使用默認分隔符將轉換後的數組元素顯示為字符串。

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; 
let str = arr.join();  
console.log(str);

1,2,3,4,5,6,7,8,9,10

方法 2：使用Array toString()方法

JavaScript 中的 toString 方法用於將數組的每個元素轉換為字符串，並通過使用逗號分隔元素來連接它們。

用法:

array.toString()

例子：在此示例中，我們使用 toString 方法將數組元素轉換為字符串。

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; 
let str = arr.toString();  
console.log(str);

1,2,3,4,5,6,7,8,9,10

方法 3：使用JSON stringify()方法

JavaScript 中的 JSON.stringify() 方法用於將由嵌套數組組成的整個數組轉換為 JSON 格式的字符串。

用法:

JSON.stringify(array)

例子：在此示例中，我們將使用 JSON.stringify() 方法將數組元素轉換為字符串。

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; 
let str = JSON.stringify(arr).slice(1, -1); 
console.log(str);

1,2,3,4,5,6,7,8,9,10

方法 4：使用Array reduce()方法

JavaScript 中的 arr.reduce 方法將數組的元素連接成一個字符串，從空字符串開始作為累加器的初始值。

用法:

array.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])

例子：在此示例中，我們使用 arr.reduce() 方法將數組轉換為字符串。

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; 
let str =  
    arr.reduce((myString, values, myArr) => { 
  if (myArr === 0) { 
    return `${values}`; 
  } else { 
    return `${myString},${values}`; 
  } 
}, ''); 
console.log(str);

1,2,3,4,5,6,7,8,9,10