Heim > Artikel > Web-Frontend > Ein Beispiel für die Konvertierung von Array-Elementen in Strings in JavaScript_Grundkenntnisse

Ein Beispiel für die Konvertierung von Array-Elementen in Strings in JavaScript_Grundkenntnisse

WBOYOriginal: 2016-05-16 15:35:061089Durchsuche

Schauen wir uns zunächst die Methode „slice()“ zum Auswählen von Elementen aus einem Array an:
Quellcode:

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">Click the button to extract the second and the third elements from the array.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1,3);
var x=document.getElementById("demo");
x.innerHTML=citrus;
}
</script>
&#8203;
</body>
</html>

Testergebnisse:

Orange,Lemon

Wir können die Elemente des Arrays verwenden, um eine Zeichenfolge zu bilden. Beispiele für die Verwendung der Methode „join()“:

Quellcode:

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">Click the button to join the array elements into a string.</p>
&#8203;
<button onclick="myFunction()">Try it</button>
&#8203;
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x=document.getElementById("demo");
x.innerHTML=fruits.join();
}
</script>
&#8203;
</body>
</html>

Testergebnisse:

Banana,Orange,Apple,Mango

Um ein Array direkt in einen String umzuwandeln, können Sie die toString()-Methode verwenden:
Quellcode:

<!DOCTYPE html>
<html>
<body>
&#8203;
<p id="demo">点击按钮将数组转为字符串并返回。</p>
&#8203;
<button onclick="myFunction()">点我</button>
&#8203;
<script>
function myFunction()
{
 var fruits = ["Banana", "Orange", "Apple", "Mango"];
 var str = fruits.toString();
 var x=document.getElementById("demo");
 x.innerHTML= str;
}
</script>
&#8203;
</body>
</html>

Testergebnisse:

Banana,Orange,Apple,Mango

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Benutzerdefinierter Bildlaufleisteneffekt der Seite, implementiert durch JS_javascript-KenntnisseNächster Artikel：Benutzerdefinierter Bildlaufleisteneffekt der Seite, implementiert durch JS_javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen