javascript如何把字符串轉(zhuǎn)換為數(shù)組

這篇文章主要介紹javascript如何把字符串轉(zhuǎn)換為數(shù)組，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

公司主營(yíng)業(yè)務(wù)：網(wǎng)站設(shè)計(jì)制作、成都做網(wǎng)站、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)公司推出徐匯免費(fèi)做網(wǎng)站回饋大家。

JavaScript是什么

JavaScript是一種直譯式的腳本語(yǔ)言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶端的腳本語(yǔ)言，最早是在HTML網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。

轉(zhuǎn)換方法：1、使用“String.prototype.split()”語(yǔ)句；2、使用“[...string]”語(yǔ)句；3、使用“Array.from(string)”語(yǔ)句；4、使用“Object.assign([], string)”語(yǔ)句。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

在JavaScript中把字符串轉(zhuǎn)換為數(shù)組

如：有一個(gè)字符串 "uixdk"

要轉(zhuǎn)換為數(shù)組 ["u", "i", "x", "d", "k"]

最常用的方式是使用String.prototype.split。

var word = "uixdk";
word.split('');
//結(jié)果是 ["u", "i", "x", "d", "k"]

在ES6中，提供了更多的方法。這里我做了一個(gè)總結(jié)。

const string = 'uixdk';

// 1. 使用String.prototype.split()方法 
string.split('');

// 2. 使用ES6解構(gòu)運(yùn)算符
[...string];

// 3. 使用Array.form()
Array.from(string);

// 4. 使用Object.assign() 
Object.assign([], string);

//返回結(jié)果都是["u", "i", "x", "d", "k"]

以上4種方法返回結(jié)果都是["u", "i", "x", "d", "k"]，但是使用場(chǎng)景和方法略有差異。下面我們?cè)敿?xì)介紹一下?！就扑]學(xué)習(xí)：javascript高級(jí)教程】

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

如果只是簡(jiǎn)單的想把字符串中的每個(gè)字符分開，轉(zhuǎn)換為數(shù)組。任何一種方法都可以，并且會(huì)獲的相同的結(jié)果。

用特定的字符分割字符串

如果想用特定的字符分割字符串，只能使用String.prototype.split()方法。

const string = 'hello-uixdk';
const arr1 = string.split('-');
// 結(jié)構(gòu)是 [ 'hello', 'uixdk' ]

其他方法只能分割每個(gè)字符。

const string = 'hello-uixdk';
const arr2 = [...string];
const arr3 = Array.from(string);
const arr4 = Object.assign([], string);
// 結(jié)果是 ["h", "e", "l", "l", "o", "-", "u", "i", "x", "d", "k"]

字符串中含有Emojis表情

如果在字符串中含有了emojis表情，事情就會(huì)變得麻煩一點(diǎn)。

使用方法1和方法4，結(jié)果可能不是你想要的：

使用ES6提供的另外兩種方法：

String.prototype.split方法使用的是UTF-16編碼分割字符串的。而emojis表情使用的是UTF-8編碼，一個(gè)emojis標(biāo)簽實(shí)際上是兩個(gè)字符構(gòu)成的。

如果字符串里面有emojis表情，求字符串的長(zhǎng)度可以使用

Object.assign() 的說(shuō)明

方法4 Object.assign()其實(shí)并不會(huì)產(chǎn)生純數(shù)組。先看看這個(gè)方法的定義：

Object.assign 方法只會(huì)拷貝源對(duì)象自身的并且可枚舉的屬性到目標(biāo)對(duì)象。該方法使用源對(duì)象的[[Get]]和目標(biāo)對(duì)象的[[Set]]，所以它會(huì)調(diào)用相關(guān) getter 和 setter。因此，它分配屬性，而不僅僅是復(fù)制或定義新的屬性。如果合并源包含getter，這可能使其不適合將新屬性合并到原型中。 摘自MDN

使用Object.assign([], string)，會(huì)將所有字符串屬性復(fù)制到新數(shù)組中。會(huì)在數(shù)值上添加一些字符串方法。

TypeScript中要注意:

TypeScript 中測(cè)試返回結(jié)果不是 string[]，在開發(fā)中要非常注意。這個(gè)問題以后詳細(xì)介紹。

以上是“javascript如何把字符串轉(zhuǎn)換為數(shù)組”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：javascript如何把字符串轉(zhuǎn)換為數(shù)組
轉(zhuǎn)載注明：http://bm7419.com/article26/geidcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、小程序開發(fā)、企業(yè)網(wǎng)站制作、定制網(wǎng)站、全網(wǎng)營(yíng)銷推廣、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)