数组是JavaScript中最强大的数据结构，我们经常通过将字符串转换成数组来求解很多算法。本文总结了六种将JS字符串转换成数组的方法，希望对你有所帮助。

目录

1，使用。split(')2、使用扩展语法([…str])3、使用Array.from(str)4、使用Object.assign([]，Str)5、使用老式方法(for loop and array.push())6、使用array . prototype . slice . call(' string ')数组是JavaScript中最强大的数据结构。我发现自己通过将字符串转换成数组来解决许多算法。所以我想到综合比较各种方法来做同样的事情。

从字符串到数组的转换总是使用split()方法来完成，但是在ES6之后，我们可以使用许多工具来做同样的事情。让我们逐一介绍每种方法，并讨论其优缺点。

1、 使用 .split('')

Split()是一个string方法，它将一个字符串拆分成一个具有有序模式列表的数组。这是一种ES6方法，也是完成工作最干净的方式。

////*用空格字符(')*////分隔字符串

const myFavShow=' The Office

const myfavshowray=myfavshow . split(')；

console . log(myfavshoarray)//[' T '，' h '，' e '，' '，' O '，' f '，' f '，' I '，' c '，' e']

这种方法的另一个优点是我们可以用字符或空格分隔字符串。这里有一个我们如何做到这一点的例子。

////*用空格(')*////分隔字符串

const myFavShow=' The Office

const myfavshowray=myfavshow . split(')；

console . log(myfavshoarray)//[' The '，' Office']

////*用字符'-' *////分隔字符串

const favDialogue='那是她说的话'；

const favDialogueArr=fav dialogue . split('-')；

console . log(favDialogueArr)//[' Thats '，' what '，' she '，' said']

它也适用于正则表达式，您可以在这里找到split()的完整文档。

这种方法完美地将字符串元素分离到一个数组中，但是它有其局限性。

注意：此方法不适用于不常见的Unicode字符。这个方法返回字符的Unicode而不是实际的字符，这可能会使我们的工作更加复杂，但是MDN文档已经更新了，所以如果我们只包含U标志，就可以使它与Unicode一起工作。

''.拆分(/(？)/);//[ '\ud83d '，' \ude04 '，' \ud83d '，' \ude04' ]

''.拆分(/(？)/u)；//[ '', '' ]

2、使用扩展语法 ([…str])

这是ES2015的一个特性，使转换变得非常容易。

const myFavShow='办公室'

const myfavshowray=[.myFavShow]

console . log(myfavshoarray)

//['T '，' h '，' e '，' '，' O '，' f '，' f '，' I '，' c '，' e']

这也有助于消除split()中的限制。考虑下面的例子，我们可以很容易地使用这种方法分割任何字符。

const animal=''

const animal ar=[.动物]

console.log(animalArr) //[' '，' ']

3、使用 Array.from(str)

Array中，from()方法从一个可迭代的或类似数组的对象创建一个新的浅拷贝数组实例。

const myFavShow='办公室'

const myfavshoarray=array . from(myFavShow)；

console . log(myfavshoarray)

//['T '，' h '，' e '，' '，' O '，' f '，' f '，' I '，' c '，' e']

这种方法在处理不常用字符时不会产生任何问题。

const str=' '

const arr=Array.from(str)

console.log(arr)

//['', '']

4、使用 Object.assign([], str)

assign()方法将一个或多个源对象的所有属性复制到目标对象。但是，关于这种方法，有两点需要记住。一个是对象，一个是assign()复制的属性值叫深度复制，使用这个方法之前一定要记住。

const myFavShow='办公室'

const myfavshoarray=object . assign([]，myFavShow)；

console . log(myfavshoarray)

//['T '，' h '，' e '，' '，' O '，' f '，' f '，' I '，' c '，' e']

另一个是我们有和split()方法一样的麻烦：它不能分离不常用的字符(我们看到的是Unicode而不是实际的字符)。

const s=' '

const a=Array.from(s)

console.log(a) //[' '，' ']

5、使用老式方法（for loop 和 array.push()）

虽然我们有很多选择可以玩，但我不得不提到这个老式的方法。我们使用for循环和数组方法push()来推送字符串的元素。

这不是最干净的方法，但绝对值得一提的是，我想摆脱JavaScript不断变化的复杂性(尽管我更喜欢其他方法)。

const s='办公室'；

const a=[]；

for(s的常数S2){

a .推送(S2)；

}

console . log(a)；//['t '，' h '，' e '，' '，' o '，' f '，' f '，' I '，' c '，' e']

此外，它还适用于不常见的(Unicode)字符。看下面这个例子。

const s=''；

const a=[]；

for(s的常数S2){

a .推送(S2)；

}

console . log(a)；//['', '', '', '', '', '']

6、使用 Array.prototype.slice.call('string')

const fav show=array . prototype . slice . call(' The Office！');

console . log(favShow)；//['T '，' h '，' e '，' '，' O '，' f '，' f '，' I '，' c '，' e '，'！']

这个方法和split()方法有同样的问题，所以使用时要小心。

const fav show=array . prototype . slice . call(' The Office！');

console . log(favShow)；//['\uD83D '，' \uDE04 '，' \uD83D '，' \uDE04']

关于JavaScript字符串到数组的六种方法的总结这篇文章到此结束。有关JavaScript string to array的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。