JavaScript字符串轉(zhuǎn)數(shù)組

在JavaScript中，我們經(jīng)常需要將字符串轉(zhuǎn)換為數(shù)組，字符串和數(shù)組在很多情況下可以互相轉(zhuǎn)換，但它們之間還是有一定的區(qū)別，本文將詳細(xì)介紹如何將字符串轉(zhuǎn)換為數(shù)組，以及在不同場(chǎng)景下的應(yīng)用。

字符串轉(zhuǎn)數(shù)組的方法

1、split() 方法

split() 方法是JavaScript中最基本的字符串操作方法之一，它可以將一個(gè)字符串按照指定的分隔符分割成一個(gè)數(shù)組，split() 方法的基本語法如下：

str.split(separator, limit)

參數(shù)說明：

separator(可選):指定的分隔符，如果不指定，默認(rèn)使用逗號(hào)作為分隔符。

limit(可選):返回的最大數(shù)組長(zhǎng)度，如果不指定，默認(rèn)返回整個(gè)數(shù)組。

示例代碼：

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

2、slice() 方法

slice() 方法可以從已有的數(shù)組中提取一個(gè)新的數(shù)組，不會(huì)改變?cè)瓟?shù)組，它的語法如下：

arr.slice(start, end)

參數(shù)說明：

start(可選):從哪個(gè)索引開始提取，如果不指定，默認(rèn)從索引0開始。

end(可選):提取到哪個(gè)索引結(jié)束，如果不指定，默認(rèn)提取到數(shù)組末尾。

示例代碼：

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

3、fromCharCode() 方法

fromCharCode() 方法可以將Unicode編碼轉(zhuǎn)換為對(duì)應(yīng)的字符，它的語法如下：

String.fromCharCode(...codes)

參數(shù)說明：

codes:一個(gè)或多個(gè)Unicode編碼值。

示例代碼：

let code = "A".charCodeAt(0); // 65
let char = String.fromCharCode(code); // "A"

字符串轉(zhuǎn)數(shù)組的應(yīng)用場(chǎng)景及注意事項(xiàng)

1、將用戶輸入的文本分割成單詞數(shù)組：let input = "Hello, World!"; let words = input.split(" ");

2、將CSV格式的字符串轉(zhuǎn)換為數(shù)組：`let csv = "name,age,city

Alice,30,Shanghai

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

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

3、將HTML元素的標(biāo)簽名轉(zhuǎn)換為數(shù)組：let elements = document.querySelectorAll("*"); let tagNames = Array.from(elements).map(element => element.tagName);

4、將Base64編碼的字符串解碼為二進(jìn)制數(shù)據(jù)：let base64Str = "SGVsbG8gV29ybGQh"; let binaryData = atob(base64Str);

5、將圖片轉(zhuǎn)換為像素?cái)?shù)據(jù)：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字符串轉(zhuǎn)數(shù)組
鏈接URL：http://uogjgqi.cn/article/dpeiooh.html