js数组与字符串的相互转换方法

为了让您更好地理解js数组与字符串的相互转换方法，我将提供以下步骤和示例：

将字符串转换为数组

方法1：使用split()函数将字符串转换为数组

使用split()函数可以将一个字符串根据指定分隔符分割成多个字符串，然后返回一个数组。

示例1：

假设有一个字符串str，其内容为"Hello,world! My name is Jack."，现在我们需要将其按照空格" "分割成一个数组，代码如下：

var str = "Hello,world! My name is Jack.";
var arr = str.split(" ");
console.log(arr);

执行上述代码，输出结果为：

["Hello,world!", "My", "name", "is", "Jack."]

我们可以看到，字符串被成功转换为一个由多个字符串组成的数组。

示例2：

假设有一个字符串str，其内容为"apple,banana,orange"，现在我们需要将其按照逗号","分割成一个数组，代码如下：

var str = "apple,banana,orange";
var arr = str.split(",");
console.log(arr);

执行上述代码，输出结果为：

["apple", "banana", "orange"]

同样可以看到，字符串被成功转换为一个由多个字符串组成的数组。

方法2：使用Array.from()函数将字符串转换为数组

使用ES6中新增的Array.from()函数，将字符转为数组也是很简单的一件事。

示例1：

假设有一个字符串str，其内容为"Hello,world!"，现在我们需要将其转换为一个数组，数组中每个元素为字符串中每个字符，代码如下：

var str = "Hello,world!";
var arr = Array.from(str);
console.log(arr);

执行上述代码，输出结果为：

["H", "e", "l", "l", "o", ",", "w", "o", "r", "l", "d", "!"]

可以看到，字符串被成功转换为一个由多个字符组成的数组。

示例2：

假设有一个字符串str，其内容为"abcdefg"，现在我们需要将其转换为一个数组，数组中每两个字符组成一个字符串，代码如下：

var str = "abcdefg";
var arr = Array.from(str, (x, i) => str.slice(i, i+2));
console.log(arr);

执行上述代码，输出结果为：

["ab", "bc", "cd", "de", "ef", "fg", "g"]

同样可以看到，字符串被成功转换为一个由多个两个字符组成的字符串组成的数组。

将数组转换为字符串

方法1：使用join()函数将数组转换为字符串

使用join()函数可以将一个数组的所有元素转换为一个字符串，并返回该字符串。

示例1:

假设有一个数组，其内容为["Hello,world!", "My", "name", "is", "Jack."]，现在我们需要将其转换为一个字符串，每个元素之间以空格" "作为分隔符，代码如下：

var arr = ["Hello,world!", "My", "name", "is", "Jack."];
var str = arr.join(" ");
console.log(str);

执行上述代码，输出结果为：

"Hello,world! My name is Jack."

可以看到，数组被成功转换为一个由多个字符串组成的字符串。

示例2:

假设有一个数组，其内容为["apple", "banana", "orange"]，现在我们需要将其转换为一个字符串，每个元素之间以逗号","作为分隔符，代码如下：

var arr = ["apple", "banana", "orange"];
var str = arr.join(",");
console.log(str);

执行上述代码，输出结果为：

"apple,banana,orange"

同样可以看到，数组被成功转换为一个由多个字符串组成的字符串。

方法2：使用toString()函数将数组转换为字符串

除了join()函数以外，还可以使用toString()函数将一个数组转换为一个由多个字符串组成的字符串。

示例1:

假设有一个数组，其内容为["Hello,world!", "My", "name", "is", "Jack."]，现在我们需要将其转换为一个字符串，每个元素之间以空格" "作为分隔符，代码如下：

var arr = ["Hello,world!", "My", "name", "is", "Jack."];
var str = arr.toString();
console.log(str);

执行上述代码，输出结果为：

"Hello,world!,My,name,is,Jack."

可以看到，数组被成功转换为一个由多个字符串组成的字符串。

示例2：

假设有一个数组，其内容为["apple", "banana", "orange"]，现在我们需要将其转换为一个字符串，每个元素之间以逗号","作为分隔符，代码如下：

var arr = ["apple", "banana", "orange"];
var str = arr.toString();
console.log(str);

执行上述代码，输出结果为：

"apple,banana,orange"

同样可以看到，数组被成功转换为一个由多个字符串组成的字符串。

希望这份完整的攻略对您有所帮助。