Java Script详解字符串和数组的相互转化

534 阅读2分钟

想必很多刚开始学习js的同学们,经常会需要使用将数组与字符串的相互转化,数组与字符串的相互转化是一项很常见且实用的操作。

大家可和我一起花几上分钟彻底一次性学懂他们之间的相互转化吧!!

image.png

🐟字符串转化为数组

一、使用展开运算符

展开运算符(也叫扩展运算符)在 JavaScript 中用三个点 ... 表示。它的主要作用是将一个数组或者对象的内容“展开”到一个新的上下文中。

let str = 'hello';
let arr = [...str];
console.log(arr); // ['h', 'e', 'l', 'l', 'o']
二、使用split()方法

如果想以特定的分隔符将字符串拆分成数组,可以使用split()方法。例如,以空格为分隔符拆分字符串:

let str = 'hello world';
let arr = str.split(' ');
console.log(arr); // ['hello', 'world']

如果不传入任何参数给split()方法,它会将字符串的每个字符拆分成单独的元素放入数组中:

let str = 'hello';
let arr = str.split('');
console.log(arr); // ['h', 'e', 'l', 'l', 'o']
三、使用Array.from()方法

Array.from() 可以直接将字符串转换为数组,每个字符作为一个元素。

let str = "hello";
let charArray = Array.from(str);
console.log(charArray); // 输出: ["h", "e", "l", "l", "o"]

🐟数组转化为字符串

一、使用join()方法

join()方法将数组的所有元素连接成一个字符串。可以指定一个分隔符作为参数,如果不指定分隔符,则默认使用逗号。

let arr = ['hello', 'world'];
let str = arr.join();
console.log(str); // "hello,world"

let strWithSeparator = arr.join(' ');
console.log(strWithSeparator); // "hello world"
二、使用toString()方法

toString()方法也可以将数组转换为字符串,它会以逗号分隔数组元素。

let arr = [1, 2, 3];
let str = arr.toString();
console.log(str); // "1,2,3"
三、 处理复杂字符串

有时候字符串的内容比较复杂,需要使用正则表达式来进行更精确的分割。

示例:


let str = "one two-three.four";
let arr = str.split(/\s|-|./);
console.log(arr); // 输出: ["one", "two", "three", "four"]

🐟END

通过这些方法,我们可以灵活地处理各种字符串和数组的操作。在实际开发中,我们可以更加的得心应手 如果有任何问题或需要进一步的帮助,请随时在评论区提问。