JSON数据里提取tracks里name的内容

最新推荐文章于 2023-10-12 14:30:11 发布
最新推荐文章于 2023-10-12 14:30:11 发布
阅读量334 收藏
点赞数
分类专栏： 练习 文章标签： json js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WMW_wmw/article/details/81515634
版权

刚开始做一直出现错误，只要一层一层深入进去就很容易啦

<!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代码并不多
运行结果如下：
这是运行结果

哆比哆比
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
音乐推荐系统简介 Real World Example: Writing a Music Recommendation Server
光剑书架上的书
09-14 1972
在这个互联网信息化、网络时代，如何能够精准推荐出用户喜爱的音乐？基于这样的需求，出现了很多音乐推荐服务，比如Spotify、LastFM、Pandora等，它们通过大数据分析、机器学习和协同过滤算法，推荐出给用户最感兴趣的歌曲或电台节目。然而，这些推荐系统往往需要用户注册登录才能获取推荐结果。所以，当越来越多的用户开始使用各种应用、平台进行音乐消费的时候，这些音乐推荐服务也变得越来越重要。
Echarts读取本地json文件渲染轨迹，亲测ok
qq_40985985的博客
03-02 1150
Echarts渲染路径图demo，禁止同源报错1. 报错及解决2. 效果图3. 源码line-track.html如下参考 1. 报错及解决 报错： 已拦截跨源请求:同源策略禁止读取位于 file:///d:/learn/echarts/test/data/hangz 解决： $ .get (‘data/hangzhou-tracks.json’,function(data) { 修改$.get 为 $.ajax 请求。 因为浏览器的同源策略。 尝试： 1. firefox about:config 设置
[echarts]改hang州热门步行路线 - 百度地图
chizhongchun1939的博客
08-26 601
app.title = '杭州热门步行路线 - 百度地图'; $.get('data/asset/data/hangzhou-tracks.json', function(data) { var lines = data.map(function (track) { ...
matlab中track什么意思,track_音乐里的Track是什么意思
weixin_32021363的博客
03-22 2785
音乐里的Track是什么意思Track(缩略为trk)：一个音轨，就是一道所储存的信号。这个所储存的信号，可以是声音信号、MIDI信号、或者是影像(video)信号。CD/DVD的音乐都是以轨道的形式保存到光盘上的，每一段音轨就是一段曲目，后来引伸到MP3领域后，音轨也意味每一段歌曲。扩展资料：Track在录音中指记录载体(例如磁带)上可以记录音频信号的通路。在专业录音领域通常译作“轨”。例如24...
incubator-echarts-website.rar
06-27
ECharts4的离线文档，部分在线内容不可使用，但是足够日常离线使用，适合断网开发的同学。 将文件夹放在nginx的html目录下（一定要使用localhost/incubator-echarts-website地址访问）
获取JSON对象的属性名称
jrrfgj的博客
02-22 2327
获取JSON对象的属性名称
python-大数据分析-基于大数据的QQ音乐数据分析系统设计与实现
最新发布
2301_79766712的博客
10-12 1930
【python-大数据分析-毕业设计】基于大数据的QQ音乐数据分析系统设计与实现 讲解+源码+论文+ppt 详细咨询V：chen177396或yyhh1234nn
Python爬虫与数据分析
Showing_abc的博客
04-08 2741
Python爬虫与数据分析 目的 爬取网易云音乐歌曲热评，分析热评特征。 思路 （1）爬取华语歌单中所有歌单url （2）从每篇歌单地址中爬取每首歌的url （3）从每首歌的首页爬取热评 代码 (1) 爬取华语歌单中所有歌单url，从歌单url获取歌单中每首歌的歌名和id，并保存到文件music_163_02.csv。 import logging import requests from pyquery import PyQuery as pq import pandas as pd import r
python获取mp3音频数据,python 读取音频文件的详细信息
weixin_42356811的博客
03-26 1831
有一项测试的需求是判断录像是否和预期一致，检查项是：分辨率、录像时长等内容 文件的详细信息.png os模块有一个stat()方法st_mode: inode 保护模式st_ino: inode 节点号。st_dev: inode 驻留的设备。st_nlink: inode 的链接数。st_uid: 所有者的用户ID。st_gid: 所有者的组ID。st_size: 普通文件以字节为单位的大小；包...
Python爬取网易云音乐数据
03-28
以下是Python爬取网易云音乐数据的示例代码： ```python import requests import json # 设置请求头信息 headers = { 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, ...
上海市地图json文件
12-16
这是给所有需要上海市地图json文件同学的礼物，嘿嘿嘿
echarts使用百度地图扩展热力图
weixin_49219594的博客
03-08 1171
Examples - Apache ECharts 将以下代码复制到上面的连接上自己调试即可 $.get(ROOT_PATH + '/data/asset/data/hangzhou-tracks.json', function (data) { var points = [].concat.apply( [], data.map(function (track) { //共三个参数，前两个为热力图坐标位置，第三个为热力图热力指标数据 return track...
echarts七大区的json文件
专注echarts开发20年
03-02 3279
http://download.csdn.net/download/abcmaopao/10267017
Track基础概念
weixin_33953384的博客
11-08 2832
Track用途是实现联动功能联动功能由检测模块、Track模块和应用模块三部分组成联动功能:建立联动项，实现不同模块之间的联动、即由监测模块通过Track模块触发应用模块执行某种动作检测模块负责对链路状态、网络性能等进行探测，并通过track模块将探测结果告知应用模块检测模块包括NQA（网络质量分析）、BFD（双向转发检测）和接口管理Track模块位于...
获取Json中value值方法
热门推荐
黑白笔的博客
01-24 1万+
Demo如下。 注意返回值类型为Object类型。 public class JSONTest { public void function() { String json = "{" + "\"user\":\" haishen\"," + "\"id\":\"1\"" + "}"; JSONObject jsonObject = JSON.parseObje
js中从json格式数据中获取特定对象
Alex的博客
10-18 6307
写个方法获取： function getJsonValue(obj,name){ var result = null; var value = null; for(var key in obj){ value = obj[key]; if(key == name){ ...
ECharts 多个折线图动态获取json数据
书写人生
11-23 5738
ECharts 多个折线图动态获取json数据 效果图如下： 一.html部分 二.js部分 function loadTwoLine() {     var myChart = echarts.init(document.getElementById('TwoLineChart'));     // 显示标题，图例和空的坐标轴    
DREAMPlace的json数据讲解
03-28
DREAMPlace是一个开源的芯片布局布线工具，其json数据文件用于描述电路设计中的物理布局和布线，其结构如下： ```json { "dieArea": [ [x1, y1], [x2, y2] ], "tracks": [ { "layer": "M1", "start": 0, ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值