JavaScript文本转换为JSON对象

最新推荐文章于 2024-04-24 00:40:05 发布
最新推荐文章于 2024-04-24 00:40:05 发布
阅读量2.6k 收藏 3
点赞数
分类专栏： javaweb学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43386754/article/details/86325634
版权
  • 如果要将一个字符串转换为JSON的对象,那么可以使用eval()函数
  • 定义文本属性数据的输出
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Javascript_json</title>
    <script type="text/javascript">
      var data = "{\"name\":\"Maoshu\",\"age\":22,\"sex\":\"男\", "
            + " \"skill\":[\"java\",\"css\",\"html\",\"JavaScript\"], "
            +" \"depts\":[{\"deptno\":11,\"dname\":\"Accounting\",\"loc\":\"中国\"}, "
            +" {\"deptno\":22,\"dname\":\"Maneager\",\"loc\":\"上海\"}]} ";
        var jsonObj = eval("("+data+")");
        alert(jsonObj.name);
    </script>
</head>
<body>

</body>
</html>
  • 输出结果

z
在这里插入图片描述

  • 如果确实需要通过全部内容的输出操作,那么可以使用foreach语法
  • 示例:使用foreach()输出json
  • JavaScript的foreach语法为
for(var 变量 in 对象){
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Javascript_json</title>
    <script type="text/javascript">
        window.onload = function () {
            var data = "{\"name\":\"Maoshu\",\"age\":22,\"sex\":\"男\", "
                + " \"skill\":[\"java\",\"css\",\"html\",\"JavaScript\"], "
                +" \"depts\":[{\"deptno\":11,\"dname\":\"Accounting\",\"loc\":\"中国\"}, "
                +" {\"deptno\":22,\"dname\":\"Maneager\",\"loc\":\"上海\"}]} ";
            var jsonObj = eval("("+data+")");
            var infoEle = document.getElementById("info");
            for(var str in jsonObj){
                var pele = document.createElement("p");
                pele.appendChild(document.createTextNode("key="+str+",value="+jsonObj[str]));
                infoEle.append(pele);
            }
        };

    </script>
</head>
<body>
    <div id="info"></div>
</body>
</html>
  • 输出的结果为:

在这里插入图片描述

  • 但是发现基本的数据类型可以直接去的数据内容,而如果是一个数组则会输出为Object.
  • 使用以下的语句来查看变量为那种数据类型
typeof 对象

            for(var str in jsonObj){
                var pele = document.createElement("p");
                infoEle.innerHTML += "<p>"+typeof jsonObj[str]+"</p>";
            }
  • 输出的结果

在这里插入图片描述

  • 修改代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Javascript_json</title>
    <script type="text/javascript">
        window.onload = function () {
            var data = "{\"name\":\"Maoshu\",\"age\":22,\"sex\":\"男\", "
                + " \"skill\":[\"java\",\"css\",\"html\",\"JavaScript\"], "
                + " \"depts\":[{\"deptno\":11,\"dname\":\"Accounting\",\"loc\":\"中国\"}, "
                + " {\"deptno\":22,\"dname\":\"Maneager\",\"loc\":\"上海\"}]} ";
            //解析为json对象
            var jsonObj = eval("(" + data + ")");
            var infoEle = document.getElementById("info");

            //取出json对象中的每一个关键字
            for(var key in jsonObj){
                //取出每一个value
                var value = jsonObj[key];
                if(typeof value != "object"){
                    infoEle.innerHTML += "<p>"+key+":"+value+"</p>";
                    //判断是否为一个数组
                }else if (value.constructor == Array) {
                    //拼接数组中的内容
                    var arraystr = "";
                    for (var x = 0; x < value.length; x++) {
                        //取出数组中的内容
                        var arrayValue = value[x];
                        //判断数组中是否还有对象
                        if(typeof arrayValue == "object"){
                            //得到对象中的每一个key
                            for(var arraykey in arrayValue){
                                arraystr += arraykey+":"+arrayValue[arraykey]+",";
                            }
                        }else {
                            arraystr += value[x] + ",";
                        }
                    }
                    infoEle.innerHTML += "<p>"+key+":"+arraystr+"</p>";

                }

            }


        }
    </script>
</head>
<body>
    <div id="info"></div>
</body>
</html>
  • 运行结果

在这里插入图片描述

{[("青椒盖饭")]}
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSSJSON:将 CSS 转换为 JSON 并返回
06-29
用于 JavaScript 的 CSS-JSON 转换器 用于 JavaScript 的 CSS-JSON 转换器将 CSS 转换为 JSON 并返回。 版本 2.1.2 在 MIT 许可下发布。 用法 // To JSON var json = CSSJSON.toJSON(cssString); // To CSS var css = CSSJSON.toCSS(jsonObject); 样本 见example.html JSON { "children": { "@media (max-width: 800px)": { "children": { "#main #comments": { "children": {}, "attributes": { "margin":
js页面字符串转json对象
04-20
js页面字符串转json对象
文本文件转JSON格式
最新发布
星霜笔记
04-24 300
资源￥https://kdocs.cn/l/crzS58nUMuN2。资源https://kdocs.cn/l/crzS58nUMuN2。每一行文字与链接用￥分割。
plain-text-data-to-json：将简单的纯文本数据库转换为JSON
02-12
纯文本数据到json 将“数据库” /基本（单词，短语）列表从纯文本转换为JSON。 安装 ： npm install plain-text-data-to-json 利用 var fs = require ( 'fs' ) var toJSON = require ( 'plain-text-data-to-json' ) var doc = fs . readFileSync ( 'input.txt' , 'utf8' ) var data = toJSON ( doc ) fs . writeFileSync ( 'output.json' , JSON . stringify ( data , null , 2 ) + '\n' ) API toJSON(value[, options]) 将给定的值（字符串）转换为JSON。 不喜欢默认的注释和属性-值对定界符？ 指定您
js实现字符串转json对象的四种方法
热门推荐
SqlloveSyn的博客
12-31 1万+
eval()定义：eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。注意：当字符串中包含表达式时，eval() 函数也会编译并执行，转换会存在安全问题。
JS操作JSON总结
技术土豆
07-14 334
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工
Json对象与Json字符串互转(4种转换方式)
weixin_30569153的博客
08-17 1827
原文地址：http://www.jb51.net/article/35090.htm Json字符与Json对象的相互转换方式有很多，接下来将为大家一一介绍下，感兴趣的朋友可以参考下哈，希望可以帮助到你 1、jQuery插件支持的转换方式： $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成j...
js字符串转json的3种方法
我都博客
03-03 2812
js字符串转json的3种方法
js（JavaScript）将word表格或者excel表格数据转化为json（需要node运行环境）
仙途路漫漫其修远兮
10-14 1936
js（JavaScript）将word表格或者excel表格数据转化为json（需要node运行环境）
字符串转换成json对象
weixin_43638272的博客
11-23 333
字符串转换成json对象
可以将word转成html的js代码
12-02
使用前提是：电脑已经安装了word,这里用到的是word组件Word.Application。 代码如下:<HTML> <HEAD> <TITLE>WalkingPoison’s Word-to-HTML sample</TITLE> [removed] function saveword() { var oWordApp=new ActiveXObject(“Word.Application”); var oDocument=oWordApp.Documents.Open(“C:\\test.doc”); oDocument.SaveAs(“C:\\te
JSON字符串和JSON对象相互转化实例详解
11-30
在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键 例如： JSON字符串: var str = '{ "name": "name1","sex": "m" }'; JSON对象: ...
angular-file-to-json:将 CSV 和文本文件转换为 json 对象的 Angular 指令
06-20
Angular File to JSON 是一个指令，用于将各种文件转换为 JSON 对象，然后您的应用程序可以使用这些对象。 该指令适用于任何文本文件，无论扩展名如何，只要行和列有分隔符。 尽管您可以在任何文本编辑器中创建文件...
jdown：将markdown文件的目录转换为JSON
02-03
如果您要在markdown中创建内容，或者使用诸如类的CMS输出降价文件，则jdown可以在构建... 调用带有降价内容路径的jdown（相对于项目根目录），它将把您的内容转换为JSON。 结构化内容 jdown输出的JSON的结构取决于内容
关于JS的JSON转换问题
kerwin的博客
04-26 858
一、JSON.parse()使用注意点测试得出：parse的入参不可以包含单引号，因此在将json、数组字符串转为json、数组对象时，需要将原字符串中的单引号转为双引号，再调用该方法：.replace(/'/g, '"') // 将字符串中单引号转换为双引号 JSON.parse("['M']".replace(/'/g, '"')).replace(/\"/g,"'") // 将字符串中双引...
js 处理json 数据
大飞的博客
03-12 101
var data = //粘贴 data.data.phenotypeList.map(item => item.name)
js 对象遍历 以及引入本地json文件
qq_37672347的博客
08-06 1319
json是个对象 Object.keys(json).map((key) => { json[key].forEach((item, index)=>{ this.optionsCity.push( <Option key={item.id}>{item.name}</Option> ) ...
javascript 解析json数据获取到item和value
zhczyx的博客
06-18 1675
最近需要针对传入的由Object转成的json数据进行解析，然后将其加在url后缀传给服务器。 最初是使用object.item的方式来手动获取值。在网上搜索以后发现，可以使用如下的方式来进行获取： var path="?"; for(var item in urlJson){ path+=item+"="+urlJson[item]+"&"; } 通过对urlJson中
js 把字符串转成json对象的三种方法
Lucky小黄人的博客
01-29 1万+
js 把字符串转成json对象的三种方法 不管字符串是否含有转义字符，都能转换成 Json 对象 1, js自带的eval函数，其中需要添加小括号eval('('+str+')'); function strToJson(str){ var json = eval('(' + str + ')'); return json; } 2,new Function形式 function str...
文件流如何转化为json对象
05-28
文件流是二进制数据流，而不是文本数据，因此不能直接将其转化为 JSON 对象。如果要将文件流转化为 JSON 对象，需要先将其转化为文本数据，然后再将文本数据解析为 JSON 对象。 在 JavaScript 中，可以使用 `FileReader` 对象将文件流转化为文本数据，然后再使用 `JSON.parse()` 方法将文本数据解析为 JSON 对象。具体代码如下： ```javascript // 假设 file 是一个文件对象 const reader = new FileReader(); reader.onload = function(event) { const text = event.target.result; // 获取文件内容 const json = JSON.parse(text); // 将文本数据解析为 JSON 对象 console.log(json); // 打印 JSON 对象 }; reader.readAsText(file); // 将文件流转化为文本数据 ``` 上面的代码中，`FileReader` 对象的 `onload` 事件会在文件读取完成后触发，其中的 `event.target.result` 属性表示文件的内容，通过 `JSON.parse()` 方法将其解析为 JSON 对象。最后将文件流转化为文本数据的方法是调用 `FileReader` 对象的 `readAsText()` 方法，并将文件对象作为参数传递。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值