丁鹿学堂:前端开发小技巧之字符串转数组总结

78 阅读2分钟

我们在前端实际开发过程中,用的最多的是数组。而且js也为数组提供了大量的api,方便我们处理数据。 在实际开发过程中,我们经常需要做的一点就是把字符串转为数组,利用数组的数据结构和api,可以很方便的处理,或者解决一些算法问题。

字符串转数组,其实有很多方法。你会几种呢?

下面丁鹿学堂为大家整理一些常用的字符串转数组的方法,希望你掌握了以后可以灵活运用,更加方便快捷的使用,提高开发效率,不加班,更快乐!

1、 使用 .split('')

split() 是一种字符串方法,可将字符串拆分为具有数组。这是es6提供的,也是最常见,最通用,副作用小的方法。

const str = 'hello world';
const strToArr = str.split('');

这种方式的另一个优点是我们可以用一些特殊的字符或空格分隔字符串,有时候一些字符串分割有明显的特征,就可以很方便的处理。比如 - ,空格,+,逗号等

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

这是 ES2015 的特性,它使转换变得非常容易。


const str = 'hello world';
const strToArr = [...str]

3、使用 Array.from(str):

Array.from这个api,从可迭代或类似数组的对象创建一个新的、浅拷贝的 Array 实例。

const str = 'hello world';

const strToArr = Array.from(str);

这种方法在处理不常见的字符时不会引起任何问题。比如一些表情字体,这个方法就完全适用。

总结:

以上三个就是js中最常用的,字符串转数组的方法。我们一个是会用,一个是看别人的代码如果这么使用的话,可以知道是什么套路。

希望我们在开发过程中可以根据不同的场景,不同的习惯,适应不同的风格。

用最少的代码,实现需求和功能!