Js字符串转数组 - 果核剥壳

字符串转数组的方法
1、split() 方法

split() 方法是JavaScript中最基本的字符串操作方法之一，它可以将一个字符串按照指定的分隔符分割成一个数组，split() 方法的基本语法如下：

JavaScript
str.split(separator, limit)

参数说明：

separator(可选):指定的分隔符，如果不指定，默认使用逗号作为分隔符。

limit(可选):返回的最大数组长度，如果不指定，默认返回整个数组。

示例代码：

JavaScript
let str = "apple,banana,orange";
let arr = str.split(","); // ["apple", "banana", "orange"]
2、slice() 方法

slice() 方法可以从已有的数组中提取一个新的数组，不会改变原数组，它的语法如下：

JavaScript
arr.slice(start, end)

参数说明：

start(可选):从哪个索引开始提取，如果不指定，默认从索引0开始。

end(可选):提取到哪个索引结束，如果不指定，默认提取到数组末尾。

示例代码：

JavaScript
let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 4); // [2, 3, 4]
3、fromCharCode() 方法

fromCharCode() 方法可以将Unicode编码转换为对应的字符，它的语法如下：

JavaScript
String.fromCharCode(...codes)
参数说明：

codes:一个或多个Unicode编码值。

示例代码：

JavaScript
let code = "A".charCodeAt(0); // 65
let char = String.fromCharCode(code); // "A"
字符串转数组的应用场景及注意事项
1、将用户输入的文本分割成单词数组：let input = "Hello, World!"; let words = input.split(" ");

2、将CSV格式的字符串转换为数组：`let csv = "name,age,city

Alice,30,Shanghai

Bob,25,Beijing"; let rows = csv.split("

").map(row => row.split(","));`

3、将HTML元素的标签名转换为数组：let elements = document.querySelectorAll("*"); let tagNames = Array.from(elements).map(element => element.tagName);

4、将Base64编码的字符串解码为二进制数据：let base64Str = "SGVsbG8gV29ybGQh"; let binaryData = atob(base64Str);

5、将图片转换为像素数据：let img = new Image(); img.src = "example.jpg"; img.onload = function() { let canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; let ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); let dataUrl = canvas.toDataURL(); let binaryData = dataUrlToBinaryData(dataUrl); }; function dataUrlToBinaryData(dataUrl) { ... }