《js基础-json基础》【常用-实用】

最新推荐文章于 2022-04-04 15:12:01 发布

刘贵庆

最新推荐文章于 2022-04-04 15:12:01 发布

阅读量2.9w

点赞数

分类专栏： js json 文章标签： json js

本文为博主原创文章，未经博主允许请勿转载，切勿用于商业用途，若有引用请加原文链接。

本文链接：https://blog.csdn.net/xysxlgq/article/details/119649515

版权

js 同时被 2 个专栏收录

36 篇文章 1 订阅

订阅专栏

json

11 篇文章 0 订阅

订阅专栏

本文介绍了JSON的基础知识，包括如何遍历和取值。通过多个示例展示了将JSON字符串转换为JSON对象的方法，如使用new Function、eval以及JSON.parse。此外，还涉及了JSON对象的操作，如添加、修改、删除属性，以及对JSON数组的处理。文章适合初学者了解和掌握JSON的基本操作。

摘要由CSDN通过智能技术生成

前述：终于抽出时间，整理了一些编程中所需基础知识。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>json基础</title>
</head>
<body>
<script type="text/javascript">
    console.log('第一章：json遍历及取值');
    console.log("案例一：");
    var jsonstr = '[{"id":"ffsde42jj4k2f33gh2ew4eef34545j","ProjectName":"北京xxx招标项目"},' +
        '{"id":"fhghrree42jj4k2f33gh2ew4eef34545j","ProjectName":"上海xxxx1标造价项目"},' +
        '{"id":"fhhss2jj4k2f33gh2ew4eef34545j","ProjectName":"天津xxx机电xxx"}]';
    var jsondata = new Function("return" + jsonstr)();//json字符串转json对象
    for (i = 0; i < jsondata.length; i++) {
        for (values in jsondata[i]) {
            console.log(jsondata[i][values]);
        }
    }
    console.log("案例二：");
    var jsondatas = eval(jsonstr);//json字符串转json对象
    for (i = 0; i < jsondatas.length; i++) {
        console.log("id:" + jsondatas[i]['id'] + ";");
        console.log("ProjectName:" + jsondatas[i]['ProjectName'] + "。");
    }
    console.log('案例三：');
    var jsonstrtwo = '{"id":"ffsde42jj4k2f33gh2ew4eef34545j","ProjectName":"北京xxx招标项目"}';
    var jsonobj = JSON.parse(jsonstrtwo);//json字符串转json对象
    console.log("id:" + jsonobj['id'] + "。");
    console.log("ProjectName:" + jsonobj["ProjectName"] + "。");
    console.log('案例四：');
    var json = [{"id": "ffsde42jj4k2f33gh2ew4eef34545j", "ProjectName": "北京xxx招标项目"},
        {"id": "fhghrree42jj4k2f33gh2ew4eef34545j", "ProjectName": "上海xxxx1标造价项目"},
        {"id": "fhhss2jj4k2f33gh2ew4eef34545j", "ProjectName": "天津xxx机电xxx"}];//json对象
    for (i in json) {
        console.log(json[i]);
        console.log("id:" + json[i].id + ", ProjectName:" + json[i].ProjectName + "。");
    }
    console.log('案例五：');
    var jsonobjectAll = {
        "info": "[{'id':'ffsde42jj4k2f33gh2ew4eef34545j','ProjectName':'北京xxx招标项目'}," +
            "{'id':'fhghrree42jj4k2f33gh2ew4eef34545j','ProjectName':'上海xxxx1标造价项目'}," +
            "{'id':'fhhss2jj4k2f33gh2ew4eef34545j','ProjectName':'天津xxx机电xxx'}]"
    };//一组json对象
    console.log(jsonobjectAll);
    var jsonobj = eval(jsonobjectAll.info);//转多组json对象
    console.log(jsonobj);
    for (var i = 0; i < jsonobj.length; i++) {
        console.log("id:" + jsonobj[i].id + ",ProjectName: " + jsonobj[i].ProjectName);
    }
    console.log('案例六：');
    console.log('请看：《ajax读取json数据》《js读取本地json文件》及浏览器跨域设置 https://blog.csdn.net/xysxlgq/article/details/119568570 ');
    console.log('案例七：');
    console.log('中国城市列表选择：请看《js基础-中国城市筛选》https://blog.csdn.net/xysxlgq/article/details/119582062');
    console.log('第二章：json转换及修改');//测试其中一个请先注释掉其他三个。

    console.log('(1):添加json对象');
    var newjson={
        "id":"kweokr345lsd4k2jk4k532ll4",
        "ProjectName":"太原xxxx工程xxxx"
    };
    jsonobj.push(newjson);
    console.log(jsonobj);

    console.log('(2)添加属性并赋值 ：');
    jsonobj[2].projecttype="BIM";
    console.log(jsonobj);

    console.log('(3):属性替换值。');
    jsonobj[2].ProjectName="西安xxxx工程xxxx";
    console.log(jsonobj);

    console.log('(4)属性删除值');
    delete jsonobj[2].ProjectName;
    console.log(jsonobj);
    //未完待续...
</script>
</body>
</html>

刘贵庆

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
《js基础-json基础》【常用-实用】

前述：终于抽出时间，整理了一些编程中所需基础知识。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>json基础</title></head><body><script type="text/javascript"> console.log('第一章：json遍历及取值');.
复制链接

扫一扫

专栏目录