JavaScript 中將字串轉換為陣列


我們需要完成的任務是在 JavaScript 中將輸入字串轉換為陣列。

無論何時我們嘗試將一個字串單詞分解成字元,或者將一個句子分解成單詞——拆分成陣列,我們都有一些內建方法可以將字串轉換為陣列。

在本文中,我們將討論如何在 JavaScript 中使用不同的方法將字串轉換為陣列。

使用 split() 方法

此方法將字串拆分為子字串陣列。這將在一個新陣列中返回輸出,並且不會更改現有字串。

split() 方法 接受 2 個引數,並且這兩個引數都是可選引數,第一個是 **分隔符**。它將描述每個拆分應該發生的位置,並且可以是字串或正則表示式。如果我們沒有傳遞任何引數,它將返回陣列中的整個字串。

第二個引數是 **限制**,輸入應為一個整數,它將限制拆分的數量。

示例 1

以下是使用 split() 方法將字串轉換為陣列的示例 -

<!DOCTYPE html> <html> <title>Converting string to an array in JavaScript</title> <head> <script> var string = "We are Tutorials point"; const arr1 = string.split(' '); const arr2 = string.split(''); const arr3 = string.split(" ", 2) document.write(arr1, "<br>", arr2, "<br>", arr3, "<br>"); let [first, second, third, fourth] = string.split(' '); document.write(first, second, third, fourth); </script> </head> <body> </body> </html>

示例 2

使用特殊字元的 split 方法

在下面的示例中,輸入句子中包含一些特殊字元。並且我們在 split() 方法中傳遞了這些特殊字元。每當字串中與這些字元匹配時,它將在那裡拆分句子並在輸出中刪除特殊字元。

<!DOCTYPE html> <html> <title>Converting string to an array in JavaScript</title> <head> <script> var string = "Oh, you are working tutorialspoint? that place is amazing! how can i join there; is there any vacancy? please let me know."; const array = string.split(/[.,!,?,;]/); document.write(array); </script> </head> <body> </body> </html>

使用 Array.from() 方法

我們還可以使用 Array.from() 方法執行上述任務。

Array.from() 方法將從任何具有 length 屬性的物件以及任何可迭代物件返回一個數組作為輸出。它接受一個引數物件以轉換為陣列。

示例

以下是示例,我們使用 Array.from() 方法將字串轉換為陣列 -

<!DOCTYPE html> <html> <title>Converting string to an array in JavaScript</title> <head> <script> let string = "Tutorix"; let arr = Array.from(string); document.write(arr); </script> </head> <body> </body> </html>

使用擴充套件運算子(...)

擴充套件 (...) 運算子 可以將陣列或字串的元素擴充套件為一系列值。

如果我們在沒有擴充套件運算子的情況下傳遞字串,它不會擴充套件字串的字元,而是會將整個字串作為陣列中的單個元素列印。

let string = "hello world my name ";
let array = [string];
document.write.log(array); // output: ["hello world my name "]

因此,我們可以透過使用擴充套件 () 運算子來避免這種情況。使用此擴充套件運算子,它將提取字串的元素作為一系列值。

示例

以下是將字串轉換為陣列的示例 -

<!DOCTYPE html> <html> <title>Converting string to an array in JavaScript</title> <head> <script> let string = "Let's go to new york"; let arr = [...string]; document.write(arr); </script> </head> <body> </body> </html>

使用 Object.assign() 方法

Object.assign() 方法將從源物件複製所有屬性到目標物件。它接受兩個引數,一個是目標,第二個是源,它返回目標物件。

以下是 Object.assign() 方法的語法 -

Object.assign(target, sources)

示例

在下面的示例中,我們聲明瞭源物件並將源作為源引數傳遞給 object.assign() 以及一個空陣列作為目標引數。這將把字串中的元素返回到陣列中。

<!DOCTYPE html> <html> <title>Converting string to an array in JavaScript</title> <head> <script> let string = "Arjun reddy is a cult classic"; let arr = Object.assign([], string); document.write(arr); </script> </head> <body> </body> </html>

更新於: 2023年9月2日

48K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.