回复下方公众号【面试指南】即可获取为您整理的107页后端笔试题。
链表是 JavaScript 中最强大的数据结构，我发现自己通过将字符串转换为链表来解决许多算法。 所以我想到结合和比较做同一件事的各种方法。
从字符串到链表的转换总是使用 split() 方法来完成，在 ES6 之后，我们可以使用很多工具来完成同样的事情。 让我们逐一讨论每种方法，并讨论每种方法的异同。
1.使用.split('')：
split() 是一种字符串方法，它将字符串拆分为具有有序模式列表的字段。 这是 ES6 的方式，也是完成工作的最简洁的方式。
////* Seperate string by space character(' ') *////
const myFavShow = 'The Office';
const myFavShowArray = myFavShow.split('');
console.log(myFavShowArray) //['T', 'h', 'e', ' ', 'O', 'f', 'f', 'i', 'c', 'e']
这些方法的另一个优点是我们可以用字符或空格分隔字符串。 下面是我们如何做到这一点的示例。
////* Seperate string by whitespace(' ') *////
const myFavShow = 'The Office';
const myFavShowArray = myFavShow.split(' ');
console.log(myFavShowArray) //['The', 'Office']
////* Seperate string by a character '-' *////
const favDialogue = 'Thats-what-she-said';
const favDialogueArr = favDialogue.split('-');
console.log(favDialogueArr) //['Thats', 'what', 'she', 'said']
它还适用于正则表达式，您可以在此处找到 split() 的完整文档。
这些方法完美地将字符串元素分离到链表中，但它有其局限性。
注意：此方法不适用于不常见的 Unicode 字符。 此方法返回字符的 Unicodejavascript 数组循环，而不是实际字符，这可能会使我们的工作稍微复杂一些，但 MDN 文档已更新，因此如果我们只包含 u 标志，我们就可以使其与 Unicode 一起使用。
"".split(/(?:)/); // [ "ud83d", "ude04", "ud83d", "ude04" ]
"".split(/(?:)/u); // [ "", "" ]
2. 使用扩展句型（[…str]）
这是ES2015的一个特性，使得转换变得非常容易。
const myFavShow = 'The Office'
const myFavShowArray = [...myFavShow]
console.log(myFavShowArray)
// ['T', 'h', 'e', ' ', 'O', 'f', 'f', 'i', 'c', 'e']
这也有助于清除我们在 split() 中的限制，考虑下面的示例javascript 数组循环，我们可以使用这些技巧轻松分割任何字符。
const animal = ''
const animalArr = [...animal]
console.log(animalArr) // ['', '']
3.使用Array.from(str)：
数组中， from() 方法从可迭代或类似字段的对象创建一个新的浅复制 Array 实例。
const myFavShow = 'The Office'
const myFavShowArray = Array.from(myFavShow);
console.log(myFavShowArray)
// ['T', 'h', 'e', ' ', 'O', 'f', 'f', 'i', 'c', 'e']
这种方法在处理不常见的字符时不会引起任何问题。
const str = ''
const arr = Array.from(str)
console.log(arr)
// ['', '']
4.使用Object.assign([],str)
allocate() 方法将一个或多个源对象的所有属性复制到目标对象。 然而，关于这些技术有两点需要记住。 一是是哪个对象，二是assign()复制属性值称为深复制。 在使用此方法之前必须牢记这一点。
const myFavShow = 'The Office'
const myFavShowArray = Object.assign([], myFavShow);
console.log(myFavShowArray)
// ['T', 'h', 'e', ' ', 'O', 'f', 'f', 'i', 'c', 'e']
另一个是我们有与 split() 方法相同的麻烦：它无法分隔不寻常的字符（我们看到的是 Unicode 而不是实际字符）。
const s = ''
const a = Array.from(s)
console.log(a) // ['', '']
5. 使用老式方式（forloop 和 array.push()）
事实上，我们有很多选择可以使用，但我不得不提一下这些老式的方法，我们使用 for 循环和链表 Push() 来推送字符串的元素。
这不是最简洁的方法，但如果您想远离 JavaScript 不断变化的复杂性，那么绝对值得一提（尽管我更喜欢其他形式）。
const s = 'the office';
const a = [];
for (const s2 of s) {
a.push(s2);
}
console.log(a); // ['t', 'h', 'e', ' ', 'o', 'f', 'f', 'i', 'c', 'e']
据悉，它对于不常见（Unicode）字符也能很好地工作。 请参阅下面的反例。
const s = '';
const a = [];
for (const s2 of s) {
a.push(s2);
}
console.log(a); //['', '', '', '', '', '']
6.使用Array.prototype.slice.call('string')
const favShow = Array.prototype.slice.call("The Office!");
console.log(favShow); //['T', 'h', 'e', ' ', 'O', 'f', 'f', 'i', 'c', 'e', '!']
该方法也存在与 split() 方法相同的问题，所以使用时要小心。
console.log(favShow); //['uD83D', 'uDE04', 'uD83D', 'uDE04'const favShow = Array.prototype.slice.call("The Office!");
结尾-
近期新课程：
HTML5+CSS基础|JavaScript|Vue2.0+Vue3.0|陌陌小程序|陌陌公众号开发|Node.js｜node.JS前端｜React基础知识｜React项目
发表评论