JS字符串、数组相互转换（常用方法）

在日常开发中，避免不了对数据的类型进行操作，数组、字符串之间的相互转换也是常见之一，下面我们看下经常会使用到的方法...

一. 数组转字符串

1. toString()

const string = [1,2,3].toString()

console.log(string) // 打印结果 1,2,3

2. toLocaleString()

const string = [1,2,3].toLocaleString()

console.log(string) // 打印结果 1,2,3

3. join()

 3.1 join()什么都不传入时，相当于join(',')

const string = [1,2,3].join()

console.log(string) // 打印结果 1,2,3

3.2 join()传入自定义的符号

const string = [1,2,3].join('!')

console.log(string) // 打印结果 1!2!3

二. 字符串转数组

1. split()

1.1 split()

const arr = '1,2,3'.split()

console.log(arr) // 打印结果 ['1,2,3']

1.2  split(' ')

const arr = '1,2,3'.split('')

console.log(arr) // 打印结果 ['1', ',', '2', ',', '3']

1.3 split(',')

const arr = '1,2,3'.split(',')

console.log(arr) // 打印结果 ['1', '2', '3']

2. ES6展开运算符

const string = "123???";
const arr = [ ...string ];

console.log(arr); // 打印结果 ['1', '2', '3', '?', '?', '?']

3. ES6解构赋值

const string = "123???";
const [ ...arr ] = string;

console.log(arr); // 打印结果 ['1', '2', '3', '?', '?', '?']

4. Array.from()

const string = "123???";
const arr = Array.from(string);

console.log(arr);  // 打印结果 ['1', '2', '3', '?', '?', '?']