Heim > Web-Frontend > js-Tutorial > 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

WBOY
Freigeben: 2016-05-16 15:35:06
Original
1168 Leute haben es durchsucht

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>   

Nach dem Login kopieren

Testergebnisse:

Orange,Lemon
Nach dem Login kopieren

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> 

Nach dem Login kopieren

Testergebnisse:

Banana,Orange,Apple,Mango

Nach dem Login kopieren

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>

Nach dem Login kopieren

Testergebnisse:

Banana,Orange,Apple,Mango 
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage