热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

javascript通过拼接从json数据里获取特定内容

1.这是我的json字符串

1.这是我的json字符串



{

1
2
3
4
5
6
7
8
9
10
11
12
13
14
"综合指数分析":

    {    "预测分析":

        {    "预测模型":"1111111111111111",

            "预测值":"2222222",

            "预测指数图":"33333"

        },

        "综合系统预警图":"44444444",

        "指标权值":"5555",

        "趋势图":"0000000000",

        "隶属度":"9999999",

        "指标标准":"8888",

        "指标预警图":"7777777",

        子系统预警图":"6666"

    }

}



2.我的需求
通过类似 jsonStr"综合指数分析"["预测模型"] 获取json字符串中的数字串,由于我想动态获取jsonStr中的内容,比如需要"趋势图"的“0000000000”时就拼接出
jsonStr["综合指数分析"]["趋势图"].

3.我的代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
function getMenuContent(jsonStr){

    $(".folder").each(function(){

        $(this).click(function(){

            var arr=new Array();//保存父级元素文本内容

            var txt=$(this).text();//点击元素文本内容

            var rbleft=$("#right-bottom-left");            

            var parentEls=$("span:contains("+txt+")").parents().filter("li").map(function(){

                if(this.tagName=="LI"){//this.tagName=="UL"||"LI"

                    var obj=$(this).children("span").first().clone();

                    console.log(obj.html());//输出父级元素的文本内容

                    arr.push(obj.html());

                    return this.tagName;

                }

            })

            var cOntent=getJsonStr(arr);

            console.log("jsonStr"+content+"");

            rbleft.text(jsonStr+""+content+"");// 如何通过拼接实现动态获取jsonStr的内容?????

            return arr;

        })

    })

}





//拼接获取json字符串的表达式,像jsonStr["综合指数分析"]["预测分析"]

function getJsonStr(arr){

    var str="";//存储获取json字符串的表达式

    for(var i=0;i
        str+='["'+arr[i]+'"]';

    }

    return str;

}





4.如同3中有一行注释有5个问号,请问如何解决这个需求?

我需要做成比递归遍历更加灵活的操作,就是比如需要哪个数据直接就是哪个数据。

我是把json数据做成了菜单,点击菜单就直接获取那个菜单的数据。比如点击"预测值",

然后就从json数据里拿到"预测值"的"2222222"。我一直认为要从json里拿到

"预测值"的"2222222",需要先知道"预测值"的父级"预测分析"和"综合指数分析",

然后通过jsonStr["综合指数分析"]["预测分析"]["预测值"]获取到数据"2222222"。

请问这个思路对吗?有更好的思路吗?



   



推荐阅读
  • 在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解 ... [详细]
  • 技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统
    技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]
  • 在对WordPress Duplicator插件0.4.4版本的安全评估中,发现其存在跨站脚本(XSS)攻击漏洞。此漏洞可能被利用进行恶意操作,建议用户及时更新至最新版本以确保系统安全。测试方法仅限于安全研究和教学目的,使用时需自行承担风险。漏洞编号:HTB23162。 ... [详细]
  • C++ 异步编程中获取线程执行结果的方法与技巧及其在前端开发中的应用探讨
    本文探讨了C++异步编程中获取线程执行结果的方法与技巧,并深入分析了这些技术在前端开发中的应用。通过对比不同的异步编程模型,本文详细介绍了如何高效地处理多线程任务,确保程序的稳定性和性能。同时,文章还结合实际案例,展示了这些方法在前端异步编程中的具体实现和优化策略。 ... [详细]
  • 本文将继续探讨 JavaScript 函数式编程的高级技巧及其实际应用。通过一个具体的寻路算法示例,我们将深入分析如何利用函数式编程的思想解决复杂问题。示例中,节点之间的连线代表路径,连线上的数字表示两点间的距离。我们将详细讲解如何通过递归和高阶函数等技术实现高效的寻路算法。 ... [详细]
  • 本文详细探讨了使用纯JavaScript开发经典贪吃蛇游戏的技术细节和实现方法。通过具体的代码示例,深入解析了游戏逻辑、动画效果及用户交互的实现过程,为开发者提供了宝贵的参考和实践经验。 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 本文全面解析了JavaScript中的DOM操作,并提供了详细的实践指南。DOM节点(Node)通常代表一个标签、文本或HTML属性,每个节点都具有一个nodeType属性,用于标识其类型。文章深入探讨了DOM节点的创建、查询、修改和删除等操作,结合实际案例,帮助读者更好地理解和掌握DOM编程技术。 ... [详细]
  • 在多线程并发环境中,普通变量的操作往往是线程不安全的。本文通过一个简单的例子,展示了如何使用 AtomicInteger 类及其核心的 CAS 无锁算法来保证线程安全。 ... [详细]
  • 开机自启动的几种方式
    0x01快速自启动目录快速启动目录自启动方式源于Windows中的一个目录,这个目录一般叫启动或者Startup。位于该目录下的PE文件会在开机后进行自启动 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • 在尝试对 QQmlPropertyMap 类进行测试驱动开发时,发现其派生类中无法正常调用槽函数或 Q_INVOKABLE 方法。这可能是由于 QQmlPropertyMap 的内部实现机制导致的,需要进一步研究以找到解决方案。 ... [详细]
  • 利用 JavaScript 和 Node.js 验证时间的有效性
    本文探讨了如何使用 JavaScript 和 Node.js 验证时间的有效性。通过编写一个 `isTime` 函数,我们可以确保输入的时间格式正确且有效。该函数利用正则表达式匹配时间字符串,检查其是否符合常见的日期时间格式,如 `YYYY-MM-DD` 或 `HH:MM:SS`。此外,我们还介绍了如何处理不同时间格式的转换和验证,以提高代码的健壮性和可靠性。 ... [详细]
  • 深入解析JavaScript柯里化的实现机制及其应用场景
    本文深入探讨了JavaScript中柯里化的实现机制及其应用场景。通过详细的示例代码,文章全面解析了柯里化的工作原理和实际应用,为读者提供了宝贵的学习资源,有助于提升编程技能和解决实际开发中的问题。 ... [详细]
author-avatar
大航
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有