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方法的使用技巧即可。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中实现字符串和数组的相互转化详解 - Python技术站