Js字符串转数组

JavaScript字符串转数组

在JavaScript中，我们经常需要将字符串转换为数组，字符串和数组在很多情况下可以互相转换，但它们之间还是有一定的区别，本文将详细介绍如何将字符串转换为数组，以及在不同场景下的应用。

字符串转数组的方法

1、split() 方法

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

str.split(separator, limit)

参数说明：

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

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

示例代码：

let str = "apple,banana,orange";
let arr = str.split(","); // ["apple", "banana", "orange"]

2、slice() 方法

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

arr.slice(start, end)

参数说明：

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

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

示例代码：

let arr = [1, 2, 3, 4, 5];
let newArr = arr.slice(1, 4); // [2, 3, 4]

3、fromCharCode() 方法

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

String.fromCharCode(...codes)

参数说明：

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

示例代码：

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) { ... }

文章题目：Js字符串转数组
文章转载：http://www.shufengxianlan.com/qtweb/news13/447713.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联