js中实现字符串和数组的相互转化详解

JS中实现字符串和数组的相互转化详解

在JS中，字符串和数组之间相互转化是比较常见的操作。通常会通过split和join完成转化。接下来将详细介绍这两个方法的使用技巧。

split方法

split方法可以将字符串按照指定的分隔符，转化成数组。

const str = "hello,world"
const arr = str.split(",")
console.log(arr) // ["hello", "world"]

上述代码中，通过split方法将字符串按照逗号分隔成数组，并输出结果。

join方法

join方法可以将数组中所有的元素按照指定的分隔符，转化成字符串。

const arr = ["hello", "world"]
const str = arr.join(",")
console.log(str) // "hello,world"

上述代码中，通过join方法将数组中的元素按照逗号转化成字符串，并输出结果。

将字符串转化成数组后再执行相应操作

除了基本的字符串和数组的相互转化，还可以在转化成数组后对数组元素进行处理，最后再将数组转化成字符串。

下面以输出字符串中每个单词的长度为例：

const str = "hello,world"
const arr = str.split(",") // ["hello", "world"]
const lenArr = arr.map(word => word.length) // [5, 5]
const lenStr = lenArr.join(",") // "5,5"
console.log(lenStr)

上述代码中，首先将字符串按照逗号转化成数组，然后使用map方法遍历数组中的单词，将每个单词的长度保存到另一个数组中，最后将结果数组转化成字符串并输出。

将数组转化成字符串后再执行相应操作

除了将字符串转化成数组后再处理，同样也可以先将数组转化成字符串，然后进行相应操作，最后再将结果字符串转化成数组。

下面以输入一串数字，计算总和为例：

const arr = [1, 2, 3, 4, 5]
const str = arr.join("") // "12345"
const sum = str.split("").reduce((acc, cur) => parseInt(acc) + parseInt(cur)) // 15
console.log(sum)

上述代码中，首先将数字数组转化成字符串，然后使用split方法将字符串按照每个字符分割成数组，再使用reduce方法得到数组中所有元素的总和，并输出结果。

总之，JS中的字符串和数组之间相互转化非常简单，只需要掌握好split和join方法的使用技巧即可。