Javascript 从数组创建音频标签

Question

我有一系列这样的音乐:

var files=["song1.mp3","song2.mp3","song3.mp3", "song4.mp3"]

我想在音频标签上显示所有内容，我已经这样做了，但它不起作用。

for (var in files){
$("body").append($("<audio> <source src="+"/audio/" + element" type='audio/mpeg'></audio>"));}

你能帮帮我吗

Answer 1

在这个例子中你的循环是不正确的。要遍历数组，您可以使用以下方法之一:

1. for 循环使用数组长度:https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/length

   for (var i = 0; i < array.length; i++) { /* array[i] is your item */ }

2. Array.forEach: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

   array.forEach(function(item) { /* item is your item */ }

3. for 循环:https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/for...of

   for (item of array) { /* item is your item */ }

请注意，您必须检查支持的浏览器以获取最后两种方法。