資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 JavaScript 中透過連線陣列元素來建立字串？
在本教程中，我們將瞭解如何在 JavaScript 中透過連線陣列元素來建立字串。我們將看到兩種不同的方法來完成此任務。第一種方法是使用簡單的加法運算子 (+)來新增陣列元素和分隔符。第二種方法是使用join()方法。
方法 1：使用加法運算子 (+)
在這種方法中，我們將向函式傳遞兩個引數，第一個引數是要連線其元素的陣列，第二個引數是使用者必須提供的分隔符，基本上，分隔符是在連線字串時位於每個陣列元素之間的中間元素，它可以是空格、逗號或任何單詞。
演算法
步驟 1 - 建立一個名為arr的陣列，其中包含元素。使用 innerHTML 屬性顯示陣列。
步驟 2 - 建立一個名為ans的變數來儲存結果字串。將其初始化為陣列的第一個元素。
步驟 3 - 定義一個分隔符。我們將其定義為一個包含空格的變數。
步驟 4 - 遍歷陣列元素，從索引值 1 開始，因為我們已將第 0 個元素初始化為字串ans。使用“+”運算子將陣列元素新增到字串ans中。
步驟 5 - 最後，使用 innerHTML 屬性顯示最終字串。
我們上面演算法的虛擬碼如下所示：
var arr=["first", "second", "third", "fourth", "fifth"];
var ans=arr[0];
var separate = " ";
for(var i=1;i<arr.length;i++){
ans+=separate+arr[i];
}
document.getElementById('writeHere').innerHTML=ans
我們有一個包含一些值的陣列，separate 是一個變數，它將從使用者那裡獲取分隔符作為輸入。
我們檢查使用者是否沒有輸入任何分隔符，如果是，則預設情況下，我們將分隔符設定為空格。
示例
我們使用ans變數儲存第 0 個數組元素，因為對於第一個元素，將不會有任何分隔符，然後使用從第 1 個索引（即陣列的第二個值）開始的迴圈，我們開始迭代，並同時將所有陣列元素連線到 ans 變數中。讓我們將我們的函式程式碼嵌入到 HTML 中。
<html> <body> <p>arr=["Tutorials", "Point", "Simply", "Easy", "Learning"]</p> <input type="text" placeholder="Seperator" id="separate" /> <input type="button" value="Join" onclick="joinTheArr()" id="JoinBtn"/> <p id="writeHere">After joning array is:..</p> <script> function joinTheArr(){ var arr=["Tutorials", "Point", "Simply", "Easy", "Learning"]; var separate=document.getElementById("separate").value if(!separate)separate=" " console.log(separate) var ans=arr[0]; for(var i=1;i<arr.length;i++){ ans+=separate+arr[i]; } document.getElementById('writeHere').innerHTML=ans } </script> </body> </html>
方法 2：使用 join() 方法
join()方法將陣列的每個元素轉換為字串，然後它使用使用者必須定義的分隔符連線所有字串，該分隔符將位於每個已轉換為字串的陣列元素之間，最後，它將返回一個數組作為字串。join()不會修改原始陣列。
示例
在下面的示例中，我們使用 join() 方法將陣列元素與分隔符連線起來。
<!DOCTYPE html> <html> <body> <p>arr=["first", "second", "third", "fourth", "fifth"]</p> <input type="text" placeholder="Seperator" id="separate" /> <input type="button" value="Join" onclick="joinTheArr()" id="JoinBtn"/> <p id="writeHere">After joning array is:<br><br></p> <script> function joinTheArr(){ var arr=["first", "second", "third", "fourth", "fifth"]; var separate=document.getElementById("separate").value if(!separate) separate=" "; arr=arr.join(separate); document.getElementById('writeHere').innerHTML+=arr } </script> </body> </html>
這裡的想法是我們使用 join arr.join(separate) 並將其分配回陣列，因為 join 返回陣列作為字串。
因此，這就是我們如何透過連線陣列元素來建立字串。
516 次檢視
