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>
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP