快捷導(dǎo)航

JavaScript將字符串轉(zhuǎn)換為數(shù)組的實(shí)現(xiàn)方式

更新時(shí)間：2025年05月28日 14:40:18 作者：Jasmin?Tin?Wei

這篇文章主要介紹了JavaScript將字符串轉(zhuǎn)換為數(shù)組的實(shí)現(xiàn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

1. 使用 split() 方法

split() 方法是將字符串按照指定的分隔符分割成數(shù)組的常用方法。

let str = "Hello,world,this,is,JavaScript";
let arr = str.split(","); // 按逗號(hào)分割
console.log(arr); 
// 輸出: ["Hello", "world", "this", "is", "JavaScript"]

特殊情況：

如果不傳分隔符或傳入空字符串 ''，會(huì)將字符串按每個(gè)字符分割成數(shù)組。

let str = "Hello";
let arr = str.split(''); // 按每個(gè)字符分割
console.log(arr); 
// 輸出: ["H", "e", "l", "l", "o"]

2. 使用擴(kuò)展運(yùn)算符 ...

通過擴(kuò)展運(yùn)算符可以直接將字符串拆分為單個(gè)字符組成的數(shù)組。

let str = "Hello";
let arr = [...str]; // 擴(kuò)展運(yùn)算符
console.log(arr); 
// 輸出: ["H", "e", "l", "l", "o"]

3. 使用 Array.from() 方法

Array.from() 是一種更通用的方法，可以將類數(shù)組對(duì)象（如字符串）轉(zhuǎn)換為數(shù)組。

let str = "Hello";
let arr = Array.from(str); // 將字符串轉(zhuǎn)為數(shù)組
console.log(arr); 
// 輸出: ["H", "e", "l", "l", "o"]

4. 使用正則表達(dá)式與 match() 方法

如果需要根據(jù)特定條件提取字符串中的部分并生成數(shù)組，可以使用 match() 方法。

let str = "Hello123World456";
let arr = str.match(/\d+|\D+/g); // 匹配數(shù)字和非數(shù)字部分
console.log(arr); 
// 輸出: ["Hello", "123", "World", "456"]

總結(jié)

方法	示例代碼	適用場(chǎng)景
split()	str.split(',')	根據(jù)分隔符分割字符串
擴(kuò)展運(yùn)算符 ...	[...str]	按字符分割字符串
Array.from()	Array.from(str)	將字符串轉(zhuǎn)為數(shù)組
Object.assign()	Object.assign([], str)	不常用，但可行
match()	str.match(/\d+/g)	根據(jù)正則表達(dá)式提取部分字符串

根據(jù)具體需求選擇合適的方法即可！

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Javascript中return的使用與閉包詳解
Javascript中return與閉包對(duì)大家來說應(yīng)該都不陌生，下面本文就給大家介紹了Javascript中return的使用與閉包。文中給出了詳細(xì)的示例代碼，對(duì)大家的理解和學(xué)習(xí)具有一定的參考借鑒價(jià)值，感興趣的朋友們下面來一起看看吧。
2017-01-01
uniapp時(shí)間格式和距離格式的轉(zhuǎn)換
這篇文章主要介紹了uniapp時(shí)間格式和距離格式的轉(zhuǎn)換,第一種是把? YYYY-MM-DD hh:mm:ss 轉(zhuǎn)換成?MM月DD日,第二種是把? hh:mm:ss 轉(zhuǎn)換成?hh:mm,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下
2023-09-09
原生javascript實(shí)現(xiàn)addClass,removeClass,hasClass函數(shù)
這篇文章主要介紹了原生javascript實(shí)現(xiàn)addClass,removeClass,hasClass函數(shù)的相關(guān)代碼，有需要的小伙伴可以參考下
2016-02-02
如何在JavaScript實(shí)現(xiàn)Blob文件流下載
在JavaScript中可以使用瀏覽器提供的Blob對(duì)象和URL.createObjectURL()方法來實(shí)現(xiàn)文件流下載,這篇文章主要給大家介紹了關(guān)于如何在JavaScript實(shí)現(xiàn)Blob文件流下載的相關(guān)資料,需要的朋友可以參考下
2024-05-05
JavaScript仿網(wǎng)易選項(xiàng)卡制作代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript仿網(wǎng)易選項(xiàng)卡制作代碼，具有一定的參考價(jià)值，感興趣的朋友可以參考一下
2016-10-10
BootStrap模態(tài)框閃退問題實(shí)例代碼詳解
這篇文章主要介紹了BootStrap模態(tài)框閃退問題實(shí)例代碼詳解,需要的朋友可以參考下
2018-12-12
微信小程序?qū)崿F(xiàn)多選框全選與反全選及購(gòu)物車中刪除選中的商品功能
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)多選框全選與反全選及購(gòu)物車中刪除選中的商品功能,本文通過截圖實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2019-12-12
form表單轉(zhuǎn)Json提交的方法(推薦)
下面小編就為大家?guī)硪黄猣orm表單轉(zhuǎn)Json提交的方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-09-09
javascript防抖函數(shù)debounce詳解
這篇文章主要介紹了javascript防抖函數(shù)debounce,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，,需要的朋友可以參考下
2019-06-06
$淺談JavaScript中面向?qū)ο蟮牡纳羁截惡蜏\拷貝$
淺談JavaScript中面向?qū)ο蟮牡纳羁截惡蜏\拷貝
下面小編就為大家?guī)硪黄獪\談JavaScript中面向?qū)ο蟮牡纳羁截惡蜏\拷貝。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-08-08