如何在JavaScript数组中解析JSON数组?

如何在JavaScript数组中解析JSON数组?,javascript,arrays,json,Javascript,Arrays,Json,您好,我正在尝试将一个JSON对象数组解析为一个JS数组,但它不起作用。有人知道我做错了什么吗 listOfBirds=document.querySelector(“鸟类列表”); var obj=JSON.parse(listOfBirds); 控制台日志(obj) [{“id”:1,“name”:“Haussperling”,“latinName”:“Passer domesticus”,“imagePath”:“resources/images/Haussperling.png”,“

您好,我正在尝试将一个JSON对象数组解析为一个JS数组,但它不起作用。有人知道我做错了什么吗

listOfBirds=document.querySelector(“鸟类列表”);
var obj=JSON.parse(listOfBirds);
控制台日志(obj)

[{“id”:1,“name”:“Haussperling”,“latinName”:“Passer domesticus”,“imagePath”:“resources/images/Haussperling.png”,“audioPath”:“resources/data/audio/Haussperling.ogg”},{“id”:2,“name”:“kohleise”,“latinName”:“Parus major”,“imagePath”:“resources/images/kohleise.png”,“audioPath”:“resources/data/audio/kohleise/kohleise.ogg”},{“id”:3,“name”:“Star”,“拉丁名”:“Sturnus vulgaris”,“imagePath”:“resources/images/star.png”,“audioPath”:“resources/data/audio/star.ogg”},{“id”:4,“name”:“Amsel”,“拉丁名”:“Turdus merula”,“imagePath”:“resources/images/Amsel.png”,“audioPath”:“resources/data/audio/Amsel.ogg”}]
可以与属性一起使用

var listOfBirds=document.getElementById(“bird list”).innerHTML,
obj=JSON.parse(鸟类列表);
console.log(obj);
    [{“id”:1,“name”:“Haussperling”,“latinName”:“Passer domesticus”,“imagePath”:“resources/images/Haussperling.png”,“audioPath”:“resources/data/audio/Haussperling.ogg”},{“id”:2,“name”:“kohleise”,“latinName”:“Parus major”,“imagePath”:“resources/images/kohleise.png”,“audioPath”:“resources/data/audio/kohleise/kohleise.ogg”},{“id”:3,“name”:“Star”拉丁名“:”Sturnus vulgaris“,”imagePath“:”resources/images/star.png“,”audioPath“:”resources/data/audio/star.ogg“},{”id“:4,“name“:”Amsel“,”拉丁名“:”Turdus merula“,”imagePath“:”resources/images/Amsel.png“,”audioPath“:”resources/data/audio/Amsel/Amsel.ogg“},{”id“:”5,“name“:”Blaumeise“,”拉丁名“:”Cyanistesresources/images/blaumeise.png,“audioPath”:“resources/data/audio/blaumeise.ogg”},{“id”:6,“name”:“Elster”,“拉丁名”:“Pica-Pica”,“imagePath”:“resources/images/Elster.png”,“audioPath”:“resources/data/audio/Elster/Elster.ogg”},{“id”:7,“name”:“Grünfink”,“拉丁名”:“Chloris Chloris”,“imagePath”:“resources/images/images/grages/gruenfink.png”,“audioPath”:“resources”:resources/data/audio/gruenfink.ogg“},{“id”:8,“name”:“Mehlschwalbe”,“拉丁名”:“Delichon urbicum”,“imagePath”:“resources/images/Mehlschwalbe.png”,“audioPath”:“resources/data/audio/Mehlschwalbe.ogg”},{“id”:9,“name”:“Mauersegler”,“拉丁名”:“Apus Apus”,“imagePath”:“resources/images/Mauersegler.png”,“audioPath”:”resources/data/audio/mauersegler.ogg“},{“id”:10,“名称”:“Buchfink”,“拉丁名”:“Fringilla coelebs”,“imagePath”:“resources/images/Buchfink.png”,“audioPath”:“resources/data/audio/Buchfink.ogg”},{“id”:11,“名称”:“Ringeltaube”,“拉丁名”:“Columba palumbus”,“imagePath”:“resources/images/Ringeltaube.png”,“audioPath”:”resources/data/audio/ringeltaube.ogg“},{“id”:12,“name”:“Feldsperling”,“拉丁名”:“Passer montanus”,“imagePath”:“resources/images/Feldsperling.png”,“audioPath”:“resources/data/audio/Feldsperling.ogg”},{“id”:13,“name”:“Türkentaube”,“拉丁名”:“Streppelia decadocto”,“imagePath”:“resources/images/images/tuerkentaube.png”,“audioPath”:”resources/data/audio/tuerkentaube.ogg“},{“id”:14,“姓名”:“Rauchchwalbe”,“拉丁名”:“Hirundo rustica”,“imagePath:“resources/images/Rauchchwalbe.png”,“audioPath:“resources/data/audio/Rauchwalbe.ogg”},{“id”:15,“姓名”:“Rotkehlchen”,“拉丁名”:“Eritacus rubecula”,“imagePath:“resources/images/images/Rotkehlchen.png”,“audioPath:”参考资料/data/audio/rotkehlchen.ogg“}]
您可以使用该属性

var listOfBirds=document.getElementById(“bird list”).innerHTML,
obj=JSON.parse(鸟类列表);
console.log(obj);
    [{“id”:1,“name”:“Haussperling”,“latinName”:“Passer domesticus”,“imagePath”:“resources/images/Haussperling.png”,“audioPath”:“resources/data/audio/Haussperling.ogg”},{“id”:2,“name”:“kohleise”,“latinName”:“Parus major”,“imagePath”:“resources/images/kohleise.png”,“audioPath”:“resources/data/audio/kohleise/kohleise.ogg”},{“id”:3,“name”:“Star”拉丁名“:”Sturnus vulgaris“,”imagePath“:”resources/images/star.png“,”audioPath“:”resources/data/audio/star.ogg“},{”id“:4,“name“:”Amsel“,”拉丁名“:”Turdus merula“,”imagePath“:”resources/images/Amsel.png“,”audioPath“:”resources/data/audio/Amsel/Amsel.ogg“},{”id“:”5,“name“:”Blaumeise“,”拉丁名“:”Cyanistesresources/images/blaumeise.png,“audioPath”:“resources/data/audio/blaumeise.ogg”},{“id”:6,“name”:“Elster”,“拉丁名”:“Pica-Pica”,“imagePath”:“resources/images/Elster.png”,“audioPath”:“resources/data/audio/Elster/Elster.ogg”},{“id”:7,“name”:“Grünfink”,“拉丁名”:“Chloris Chloris”,“imagePath”:“resources/images/images/grages/gruenfink.png”,“audioPath”:“resources”:resources/data/audio/gruenfink.ogg“},{“id”:8,“name”:“Mehlschwalbe”,“拉丁名”:“Delichon urbicum”,“imagePath”:“resources/images/Mehlschwalbe.png”,“audioPath”:“resources/data/audio/Mehlschwalbe.ogg”},{“id”:9,“name”:“Mauersegler”,“拉丁名”:“Apus Apus”,“imagePath”:“resources/images/Mauersegler.png”,“audioPath”:”resources/data/audio/mauersegler.ogg“},{“id”:10,“名称”:“Buchfink”,“拉丁名”:“Fringilla coelebs”,“imagePath”:“resources/images/Buchfink.png”,“audioPath”:“resources/data/audio/Buchfink.ogg”},{“id”:11,“名称”:“Ringeltaube”,“拉丁名”:“Columba palumbus”,“imagePath”:“resources/images/Ringeltaube.png”,“audioPath”:”resources/data/audio/ringeltaube.ogg“},{“id”:12,“name”:“Feldsperling”,“拉丁名”:“Passer montanus”,“imagePath”:“resources/images/Feldsperling.png”,“audioPath”:“resources/data/audio/Feldsperling.ogg”},{“id”:13,“name”:“Türkentaube”,“拉丁名”:“Streppelia decadocto”,“imagePath”:“resources/images/images/tuerkentaube.png”,“audioPath”:”resources/data/audio/tuerkentaube.ogg“},{“id”:14,“name”:“rauchchwalbe”,“latiname”:“Hirundo rustica”,“imagePath”:“resources/images/rauchchwalbe.png”,“audioP”