vue.js怎么把字符串转化为数组

1 .首先在JS中定义一个变量，我们称之为str。
该值是一个以逗号分隔的字符串，例如“apple、banana、orange”。
输入： javascript var str = "苹果、香蕉、橙子";
2 .现在要将这个字符串转换为数据，只需使用divide方法即可。
注意参数必须用逗号补全，因为原字符串是用逗号分隔的，例如： javascript var arr = str.split(",");
3 . 如果要验证传输是否成功，可以使用console.log将结果输出到控制台。
只需输入这句话： javascript console.log(arr);
4 .将这些代码直接放在JS脚本中，打开网站就会立即执行。
例如放在<head>中：[xss_clean]var str = "apple,banana,orange"; var arr = str.split(","); console.log(arr);[xss_clean]
5 . 打开浏览器，例如 Chrome，按 F1 2 访问开发者工具，然后单击“控制台”选项卡。

6 结果一出来就显示在本页上。
你可以看到它是一个数组，如下所示：[“apples”，“bananas”，“oranges”]。

7 点击这个组，可以看到每篇文章的具体内容，比如“苹果”、“香蕉”、“橙子”各占一个位置。

在JS中，如何把字符串转换为数组

说实话，你写的代码还是挺有趣的。
这两种方法实际上都可以将字符串转换为数组，但思想不同。
让我和你聊聊吧。

我们先看第一种方法，使用正则表达式。
我对这行代码 string.replace(/(.)(?=[^$])/g,"$1 ,") 想了很多。
它实际上依赖于常规回溯，在每个字符后面添加一个逗号，然后 split(",") 将带有逗号的字符串切割成数组。
例如，“abcdef”变为“a,b,c,d,e,f”，最后除法后得到['a','b','c','d','e','f']。
有趣的是，这里使用前瞻断言 (?=[^$]) 来避免字符串末尾出现额外的逗号。
说实话，这种写法还是挺巧妙的，但是看多了很容易眼花缭乱，调试的时候也很容易卡壳。

第二种方法 string.split("") 更简单。
它直接使用空字符串作为分隔符，并将每个字符作为分隔符进行剪切。
例如“abcdef”，如果输入空字符串，则结果为['a','b','c','d','e','f']。
我经常使用这种写法，非常简单直接。
不过，有些朋友可能会问，为什么不直接使用 string.split("") 呢？两者有什么区别？不同的是，第一种方法是在原字符串上加一个逗号，然后将其截断；第二种方法直接使用每个字符作为分隔符，一次完成。

当时我不明白为什么第一种方法要用断言(?=[^$])。
是否需要兼容一些特殊字符？后来检查了一下，似乎是为了防止在字符串末尾添加额外的分隔符。
不过说实话，直接用 string.replace(/(\w)/g,"$1 ,"") 再 split(",") 不是更直观吗？至少不用担心[^$]。

我记得数据大概是 ES6 之后的，split("") 的性能比正则表达式要好，但差别不大。
我个人没有做过所有场景的比较，但建议你看一下。
无论如何，当我现在写代码，如果我只是想剪切字符，我就用split("");如果我需要更复杂的模式匹配，比如根据特定的规则进行修剪，我仍然必须使用正则表达式。
调试了半天也找不到问题所在，所以，如果用简单的方法就能解决问题，就不要强加复杂的解决方案。

javascript字符串怎么转换为数组

结论：JavaScript中字符串到数组的转换方法：split()根据分隔符分割，Array.from()和扩展运算符处理Unicode字符，选择精度优先。

1 . split()：用空格分隔 时间：2 02 3 年 地点：北京 Number：处理字符串“Hello,world!This is a test.”并获取数组 ["Hello,","world!","This","is","a","test."]
2 . split()：用逗号分隔 时间：2 02 3 年 地点：上海 Number：处理字符串“javascript,web,frontend”并获取数组[“javascript”,“web”,“frontend”]
3 . split()：分割成字符数组 时间：2 02 3 年 地点：深圳 Number：处理字符串“Hello JS”，得到数组[“You”,“Good”,“J”,“S”]
4 . Array.from()：处理Unicode字符 时间：2 02 3 年 地点：广州 Number：处理字符串“Hello JS?”并获取数组 ["you","good","J","S","?"]
5 .扩展算子：简单处理 时间：2 02 3 年 地点：杭州 Number：处理字符串“Hello JS?”并得到数组["you","good","J","S","?"]
问题及解决方案：
当分隔符为空格时，会生成空字符串。
时间：2 02 3 年 地点：南京 Number：处理字符串“helloworld”，使用.trim().split(/s+/)得到数组[“hello”,“world”]

Unicode字符处理 时间：2 02 3 年 地点：成都 Number：要处理替换字符“？”，请使用Array.from()或展开运算符来获取数组[“？” ]
性能考虑： 时间：2 02 3 年 地点：重庆 Numbers：对于MB级别的字符串，测试了不同方法的性能，大多数场景下优先考虑精度。

建议方法选择： 时间：2 02 3 年 地点：西安 Number：对于按分隔符分割，首选 split()，对于字符级操作，请使用 Array.from() 或展开运算符。