刚开始做一直出现错误,只要一层一层深入进去就很容易啦
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
var list = {
album_offset: 0,
albums: [
{
artists: [
{
id: 61701448,
name: "易烊千玺",
portrait: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/20/11/71706833.jpg&w=150&h=150&s=100&c=0&o=0&m=",
valid: true
}
],
available: true,
company: "",
cover: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/14/25/71946922.jpg&w=150&h=150&s=100&c=0&o=0&m=",
id: 2649179,
name: "一首简单的歌(Live)",
num_tracks: 1,
release_date: "2015-08-15",
type: "EP/单曲"
},
{
artists: [
{
id: 61701448,
name: "易烊千玺",
portrait: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/20/11/71706833.jpg&w=150&h=150&s=100&c=0&o=0&m=",
valid: true
}
],
available: true,
company: "",
cover: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/27/13/71715613.jpg&w=150&h=150&s=100&c=0&o=0&m=",
id: 2617791,
name: "南部小城(Live)",
num_tracks: 1,
release_date: "2015-04-09",
type: "EP/单曲"
},
{
artists: [
{
id: 61701448,
name: "易烊千玺",
portrait: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/20/11/71706833.jpg&w=150&h=150&s=100&c=0&o=0&m=",
valid: true
}
],
available: true,
company: "",
cover: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/09/22/71663515.jpg&w=150&h=150&s=100&c=0&o=0&m=",
id: 2611744,
name: "昨天的你的现在的未来",
num_tracks: 1,
release_date: "2015-03-20",
type: "EP/单曲"
},
{
artists: [
{
id: 61701448,
name: "易烊千玺",
portrait: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/20/11/71706833.jpg&w=150&h=150&s=100&c=0&o=0&m=",
valid: true
}
],
available: true,
company: "",
cover: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/16/13/71500090.jpg&w=150&h=150&s=100&c=0&o=0&m=",
id: 2595443,
name: "宝贝",
num_tracks: 1,
release_date: "2014-12-12",
type: "EP/单曲"
},
{
artists: [
{
id: 61701448,
name: "易烊千玺",
portrait: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/20/11/71706833.jpg&w=150&h=150&s=100&c=0&o=0&m=",
valid: true
}
],
available: true,
company: "",
cover: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/29/12/71435871.jpg&w=150&h=150&s=100&c=0&o=0&m=",
id: 2585423,
name: "易烊千玺翻唱集锦",
num_tracks: 3,
release_date: "2014-11-28",
type: "EP/单曲"
}
],
artist_offset: 0,
artists: [
{
id: 61701448,
name: "易烊千玺",
num_albums: 6,
num_tracks: 5,
portrait: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/20/11/71706833.jpg&w=150&h=150&s=100&c=0&o=0&m=",
valid: true
},
{
id: 60033331,
name: "The Jackson 5",
num_albums: 42,
num_tracks: 204,
portrait: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/13/15/70892859.jpg&w=150&h=150&s=100&c=0&o=0&m=",
valid: true
},
{
id: 51024441,
name: "Michael Jackson",
num_albums: 31,
num_tracks: 59,
portrait: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/29/27/70880661.jpg&w=150&h=150&s=100&c=0&o=0&m=",
valid: true
},
{
id: 60033200,
name: "Taj Jackson",
num_albums: 0,
num_tracks: 0,
portrait: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/28/13/70564243.jpg&w=150&h=150&s=100&c=0&o=0&m=",
valid: true
},
{
id: 51031076,
name: "Joe Jackson",
num_albums: 22,
num_tracks: 100,
portrait: "http://pic.cdn.duomi.com/imageproxy2/dimgm/scaleImage?url=http://img.kxting.cn//p1/26/19/71072548.jpg&w=150&h=150&s=100&c=0&o=0&m=",
valid: true
}
],
dm_error: 0,
error_msg: "操作成功",
recommend: 0,
total_albums: 240,
total_artists: 51,
total_tracks: 792,
track_offset: 0,
tracks: [
{
album: {
cover: "/p1/16/13/71500090.jpg",
id: 2595443,
name: "宝贝"
},
artists: [
{
id: 61701448,
name: "易烊千玺",
num_albums: 6,
num_tracks: 5,
portrait: "/p1/20/11/71706833.jpg",
valid: true
}
],
availability: "1110",
dlyric: "",
id: 27123073,
medias: [
{
bitrate: 320,
p2purl: "69662F142B731B74EC050000006615C066000000BE.mp3"
}
],
mv: 0,
slyric: "",
title: "宝贝",
isdown: "1",
isplay: "1"
},
{
album: {
cover: "/p1/09/22/71663515.jpg",
id: 2611744,
name: "昨天的你的现在的未来"
},
artists: [
{
id: 61701448,
name: "易烊千玺",
num_albums: 6,
num_tracks: 5,
portrait: "/p1/20/11/71706833.jpg",
valid: true
}
],
availability: "1110",
dlyric: "",
id: 27244470,
medias: [
{
bitrate: 192,
p2purl: "048676314943A45A39050000005EEAC51A00000011.mp3"
}
],
mv: 0,
slyric: "static/25/31/92939482.txt",
title: "昨天的你的现在的未来(Live)",
isdown: "1",
isplay: "1"
},
{
album: {
cover: "/p1/10/10/70884703.jpg",
id: 2416129,
name: "梦想摩天楼"
},
artists: [
{
id: 61701448,
name: "易烊千玺",
num_albums: 6,
num_tracks: 5,
portrait: "/p1/20/11/71706833.jpg",
valid: true
}
],
availability: "1110",
dlyric: "",
id: 25391759,
medias: [
{
bitrate: 192,
p2purl: "4BDB46375C04E72AA605000000463734E900000023.mp3"
}
],
mv: 0,
slyric: "static/20/14/92396450.txt",
title: "梦想摩天楼",
isdown: "1",
isplay: "1"
},
{
artists: [
{
id: 61701448,
name: "易烊千玺",
num_albums: 6,
num_tracks: 5,
portrait: "/p1/20/11/71706833.jpg",
valid: true
}
],
availability: "1110",
dlyric: "",
id: 27017489,
medias: [
{
bitrate: 128,
p2purl: "E408F19227BEEEAF9005000000396D7F140000003B.mp3"
}
],
mv: 0,
slyric: "",
title: "红豆",
isdown: "1",
isplay: "1"
},
{
artists: [
{
id: 61701448,
name: "易烊千玺",
num_albums: 6,
num_tracks: 5,
portrait: "/p1/20/11/71706833.jpg",
valid: true
}
],
availability: "1110",
dlyric: "",
id: 27017516,
medias: [
{
bitrate: 128,
p2purl: "154EA83353A85AE692050000002FB00ABD000000CF.mp3"
}
],
mv: 0,
slyric: "static/05/05/92938532.txt",
title: "看月亮爬上来",
isdown: "1",
isplay: "1"
}
]
}
var tracks = list["tracks"]//获取tracks的内容
//由于tracks是一个数组,所以用下标来遍历内容
for (var i = 0; i < tracks.length; i++) {
var a = tracks[i]
// console.log(a)
//a是5个字典
for (var key in a) {
var b = a[key];
// console.log(b)
for (var key in b) {
//这里出现第一层有name的字典,把值是cover的name提取出来
if (key == 'cover') {
console.log("name:" + b["name"])
}
for (var j = 0; j < b.length; j++) {
// console.log(b[j])
//把单字过滤掉
if (b[j].length != 1) {
// console.log(b[j])
var c = b[j]
//再把可能包含name的字典赋值于c
for (var key in c) {
//过滤没有name的字典
if (c["name"]) {
console.log("name:" + c["name"])
}
}
}
}
}
}
}
</script>
</head>
<body>
</body>
</html>
真正写的js代码并不多
运行结果如下: