JS操作JSON实例

最新推荐文章于 2023-07-17 15:23:25 发布
最新推荐文章于 2023-07-17 15:23:25 发布
阅读量4.1k 收藏
点赞数
分类专栏： JavaScript 文章标签： JS操作JSON实例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dongxiaohui2008/article/details/8840768
版权 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="json.js"></script>
</head>
<body>
    <div style="text-align: left">
        <script type="text/javascript" language="JavaScript">
            var baseArray = new Array();
            baseArray[0] = { 'id': '1', cnt: [{ 'id': 1, 'name': 'n1', 'age': '20' }, { 'id': 4, 'name': 'n4', 'age': '24'}] };
            baseArray[1] = { 'id': '2', cnt: [{ 'id': 2, 'name': 'n2', 'age': '21' }, { 'id': 5, 'name': 'n5', 'age': '21'}] };
            baseArray[2] = { 'id': '3', cnt: [{ 'id': 3, 'name': 'n3', 'age': '23' }, { 'id': 6, 'name': 'n6', 'age': '22'}] };
            //baseArray[3] = "{ 'id': '4', 'cnt': [{ 'id': 7, 'name': 'n7', 'age': '21'}, { 'id': 8, 'name': 'n8', 'age': '25'}] }";//不是标准Json格式，转换时不识别
            baseArray[3] = '{ "id": "4", "cnt": [{ "id": 7, "name": "n7", "age": "21"}, { "id": 8, "name": "n8", "age": "25"}] }';


            //转换为Json对象
            JSON.TryParse = function (tar) {
                if (typeof (tar) === 'string') {
                    return JSON.parse(tar);
                } else {
                    return tar;
                }
            };

            function showJson() {
                for (var i = 0; i < baseArray.length; i++) {

                    var group = JSON.TryParse(baseArray[i]); //转换为Json对象

                    var groupID = group.id;
                    for (var j = 0; j < group.cnt.length; j++) {
                        var id = group.cnt[j].id;
                        var name = group.cnt[j].name;
                        var age = group.cnt[j].age + '岁';
                        //新增加一行  
                        var appendstr = "<tr>";
                        appendstr += "<td>" + id + "</td>";
                        appendstr += "<td>" + name + "</td>";
                        appendstr += "<td>" + age + "</td>";
                        appendstr += "<td>" + groupID + "</td>";
                        appendstr += "</tr>";
                        $("#Table").append(appendstr);
                    }
                }
            }

        </script>
        <input type="button" value="json" οnclick="showJson();">
        <br>
        <table id="Table" border="1" cellpadding="10" cellspacing="1" bordercolor="#FFAA00">
            <caption style="font-size: 15px">
                学生表<label id="tableRowCount"></label></caption>
            <th>
                id
            </th>
            <th>
                Name
            </th>
            <th>
                Age
            </th>
            <th>
                group
            </th>
        </table>
    </div>
</body>
</html>


 

灰灰2016
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript常见JSON操作实例分析
10-18
主要介绍了JavaScript常见JSON操作,简单描述了json的概念、常见json类型,并结合实例形式分析了json的序列化、转换、格式化、解析等相关操作技巧,需要的朋友可以参考下
TryParse的使用方法小结
Dear_BigTiger的博客
07-13 1万+
以Int为例，我们日常有3种方法可以进行转换： Convert.ToInt16()、Convert.ToInt32()、Convert.ToInt64() int.Parse()、Int16.Parse()、Int32.Parse()、Int64.Parse() int.TryParse()、Int16.TryParse()、Int32.TryParse()、Int64.TryParse() ...
tryParse的用法。
oshan2012的博客
12-08 2万+
tryParse的用法。 int.Parse()是一种类容转换；表示将数字内容的字符串转为int类型。 如果字符串为空，则抛出ArgumentNullException异常； 如果字符串内容不是数字，则抛出FormatException异常； 如果字符串内容所表示数字超出int类型可表示的范围，则抛出OverflowException异常； int.TryParse 与 int.Parse 又较...
JSON.parse()
weixin_30822451的博客
07-23 310
概述 JSON.parse()方法可以将一个 JSON 字符串解析成为一个 JavaScript 值。在解析过程中，还可以选择性的修改某些属性的原始解析值。 语法 JSON.parse(text[, reviver]) 参数 text 要解析的 JSON 字符串，可以查看JSON一文了解 JSON 的语法。 reviver可选 一个函数，用来转换解析出的属性值。 ...
【前端开发】菜鸟新手小白必看，js标准内置对象 JSON 你必须知道的事情
qq_17335549的博客
12-15 330
【预警*** 前端菜鸟***仅作记录使用***不对的地方请多指正**】 作为一个标准的小白，在大佬review我的代码的时候告诉我，使用JSON.parse()来解析字符串的时候一定要用try catch， 避免解析错误的时候代码终止运行。 先记住以上结论，我们来研究一下关于JSON（javascript object notation【符号】） 这个javascript标准内置对象的知识。 1，由官方文档可知，JSON是javascript 的标准内置对象之一，其作为结构化数据之一，这些对象用来表示
JS-try/catch方法判断字符串是否为json格式
weixin_30886233的博客
04-17 322
定义： try/catch语句用于处理代码中可能出现的错误信息，出现异常会导致程序崩溃，而try/catch则可以保证程序的正常运行。 try { //执行代码 不报错则 正常执行 不会进入下面的catch } catch(err){ //当上面的代码出错时 这里可以捕获到错误信息 console.error(err) } 多重捕获： 一...
转JSON报错怎么办？增加发生js错误时候的代码强壮性
懒鬼不能懒的博客
05-06 615
众所周知，try catch 是处理意外错误时候的语句，主要功能就是 try 方法会尝试去跑它包含下的代码，如果发生错误会立即走到catch里执行catch的方法。这里有一个点要说的就是finally里的return会修改try和catch的返回值，也就是说，如果在finally里返回一个true，就算上面报了错误，返回出来的错误信息会被修改为true，那么，相当于我们的错误就好像没有发生一样。在js中有些内置方法在使用的时候当传入意外类型参数的时候会报错卡死导致直接让整个项目都跑不起来了。
javascript JSON操作入门实例
10-29
JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
javascript解析json实例详解
12-02
本文实例讲述了javascript解析json的方法。分享给大家供大家参考。具体方法如下： 下载json库 http://www.json.org/json-zh.html自己找javascript的 或者直接去下面的 https://github.com/douglascrockford/JSON-js ...
JQUERY操作JSON实例代码
01-21
1.jqury如何用ajax的形式调用后台asp.net页面生成的json数据 2.jquery简单的dom操作 3.送本jquery的开发手册给大家（大家慢慢去研究） 准备工作： 首先，我们新建个网站（.net2.0就行）. 1.在我们的项目中jquery的js...
js对json数据的操作,fromjson用法详解
aifans_bert的博客
09-11 4356
var json = [{"id":"中","rowid":"华","kk":"66"},{"id":"美","rowid":"美丽","kk":"22"}] let arr = [];用eval函数来解析，并且使用jquery的each方法来遍历用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这里不再做说明。
JavaScript中的JSON
m0_63077733的博客
07-17 2168
这个例子使用 JSON.stringify()把一个 JavaScript 对象序列化为一个 JSON 字符串，保存在变量 jsonText 中。提供的函数接收两个参数：属性名（key）和属性 值（value）。这个 key 始终是字符串，只是在值 不属于某个键/值对时会是空字符串。即使整个 JSON 对象中有两个属性都叫"name"， 但它们属于两个不同的对象，因此是允许的。JSON 字符串可以直接传给 JSON.parse()，然后得到相应的 JavaScript 值。
JS—JSON的使用
boilll的博客
01-27 1221
JSON
TryParse()方法转换
www.wangpeng.cn
10-18 9943
TryParse()方法转换，在转换失败的情况下不引发异常，而是返回false，下面代码即使输入无效数据转换失败，也不会引发异常
js 操作json总结
安卓世界库
08-22 2625
/str_pretty1是json格式的字符串jobj即为json对象。JSON.stringify() 用于将 JavaScript 值转换为 JSON 字符串。a.取得key值的三种方式：1.jobj.key,2.jobj[key]3.jobj['key']JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象。2.json字符串转为json对象。1.js值转为json字符串。
js之JSON.parse
youhebuke225的博客
02-17 1万+
JSON.parse一般用于将JSON字符串转化为JSON对象 语法 JSON.parse(text[, reviver]) text 要被解析成 JavaScript 值的字符串 reviver 转换器, 如果传入该参数(函数)，可以用来修改解析生成的原始值，调用时机在 parse 函数返回之前 一般第二个参数为回调函数，用于在返回结果之前，操作一些东西 实例 注意当传入reviver参数的时候，遍历到顶层的时候的key是一个空字符串，所以一般会遍历到空字符串的时候将返回原值 const res
Json实例:ajax返回多个值
yanick技术博客
04-19 1万+
 当用ajax返回多个值的时候，可以用xml，也可以用json json实例html>head>title>AjaxTesttitle>script type="text/javascript">var xmlHttp;function createXMLHttpRequest(){    if(window.ActiveXObject)    {        xmlHttp
JS判断字符串是否为json数据
热门推荐
游语
08-19 6万+
这周碰到了很多问题，尽量把遇到的问题都记录下来。   JS判断字符串是否为json数据   根据网上朋友的回答：     function isJSON(str) { if (typeof str == 'string') { try { JSON.parse(str); return true; } c
javascript利用try-catch验证数据格式是否为json
CodingNoob
02-15 650
javascript利用try-catch验证数据格式是否为json
实例化json字符串
最新发布
09-13
要实例化一个JSON字符串，可以使用eval函数或FastJSON库中的方法。下面是两种方法的详细说明： 方法一：使用eval函数 通过eval函数可以将JSON字符串转换为JavaScript对象。下面是一个使用eval函数实例化JSON字符串...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值