數組是 JavaScript 中最強大的數據結構,我發現自己通過將字符串轉換為數組來解決許多算法。所以我想到了整合和比較各種方法來做同樣的事情。
從字符串到數組的轉換總是使用 split() 方法完成,但是在 ES6 之后,我們可以使用許多工具來做同樣的事情。讓我們一一介紹每種方法,并討論每種方法的優缺點。
1、 使用 .split(''):
split() 是一種字符串方法,可將字符串拆分為具有模式的有序列表的數組。這是一種 ES6 方法,是完成工作的最干凈的方法。
這種方式的另一個優點是我們可以用字符或空格分隔字符串。以下是我們如何做到這一點的示例。
它也適用于正則表達式,你可以在此處找到 split() 的完整文檔。
這種方式完美地將字符串元素分離到一個數組中,但它有其局限性。
注意:此方法不適用于不常見的 Unicode 字符。此方法返回字符的 Unicode 而不是實際字符,這可能會使我們的工作變得更復雜,但 MDN 文檔已更新,因此,如果我們僅包含 u 標志,我們就可以使其與 Unicode 一起使用。
2、使用擴展語法 ([…str])
這是 ES2015 的特性,它使轉換變得非常容易。
在這里消除了我們在 split() 中的限制也有幫助,考慮下面的例子,我們可以使用這種方法輕松拆分任何字符。
3、使用 Array.from(str):
陣列,from() 方法從可迭代或類似數組的對象創建一個新的、淺拷貝的 Array 實例。
4、使用 Object.assign([], str)
assign() 方法將一個或多個源對象的所有屬性復制到目標對象。不過,關于這種方法有兩點需要記住。一個是那個對象,二是assign() 復制稱為深拷貝的屬性值,在使用此方法之前,必須牢記這一點。
另一個是我們和 split() 方法有同樣的麻煩:它不能分隔不常見的字符(我們看到的是 Unicode 而不是實際的字符)。
5、使用老式方法(for loop 和 array.push())
雖然我們有很多選擇可以玩,但我不得不提到這種老式的方法,我們使用 for 循環和數組方法 push() 來推送字符串的元素。
這不是最干凈的方式,但絕對值得一提的是想要遠離 JavaScript 不斷變化的復雜性(盡管我更喜歡其他方式)。
此外,它對不常見 (Unicode) 字符也能很好地工作。看下面的例子。
6、使用 Array.prototype.slice.call('string')
此方法也有與 split() 方法相同的問題,因此在使用時要注意。