js对象与json对象的相互转换

最新推荐文章于 2022-09-18 23:29:33 发布
最新推荐文章于 2022-09-18 23:29:33 发布
阅读量422 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Azhi626/article/details/83819201
版权

css 以及 html代码

<style type="text/css">
		.conn{
			height: 200px;
			width: 200px;
			border: 1px solid red;
			float: left;
			margin: 5px;
		
		}
		.btn{
			margin-top: 220px;
			float:left;
		}
</style>
<body>
        <textarea id="txt1" class="conn"></textarea>
        <textarea id="txt2" class="conn"></textarea>
        <button id="btn" class="btn">转换</button>
</body>

核心代码

<script type="text/javascript">
			function convert(){
				var txt1=document.getElementById("txt1");//获取左侧文本框
				var txt2=document.getElementById("txt2");//获取右侧文本框
				var msg="";
				txt2.value=""
				try{
					var object=JSON.parse(txt1.value)//将字符串转化为对象
				}catch(error){
					txt2.value="转换失败"
					return;
				}
				txt2.value+="转换对象成功\r\n";
				//判断对象的constructor属性值
				switch(object.constructor){
					case Array://如果是数组
					txt2.value+="转换成数组\r\n";
					for(var i in object){
						for(var j in object[i]){
							msg+=j+":"+object[i][j]+"\r\n";
						}
					}
					break;
					case Object: //对象类型
					txt2.value+="转换成了数组对象\r\n";
					for(var i in object){
						msg+=i+":"+object[i]+"\r\n";
					}
					break;
				}
				txt2.value+=msg;
			}
			var obtn=document.getElementById("btn");
			obtn.onclick=function(){
				convert();
			}

效果展示

太阳和月亮.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS 中 JSON 与对象 的相互转换
lzslzya的博客
05-18 11万+
json在web service 中的应用愈加广泛，js作为浏览器最常用脚本语言，JSON和JS对象的相互转换的操作越来越多，本文介绍它们相互转换的一些方法以及一个实际案例
JavaScript对象与JSON格式的转换
tyxjolin的专栏
04-25 1万+
JavaScript对象和JSON格式的转换在Web开发中非常常见，是Web应用程序的基本组成部分之一。JavaScript对象和JSON格式的相互转换通常使用JSON.stringify()和JSON.parse()方法，也可以使用手动转换或第三方库来实现。在实际开发中，JavaScript对象和JSON格式的转换被广泛应用于数据交换、数据存储等方面。
Json和Js之间转化及应用(实际开发常用)
m0_65912225的博客
09-18 2729
起到了很重要的作用，他可以返回请求的数据，然后利用客户端的js进行解析，这一点体现出js的强大。通过for(let i in obj){}来获取，其中i为json对象obj的。Json中只要涉及到字符串就必须使用双引号，不支持undefined。数字number 字符串string 布尔boolean。，获取该键对应的值，可以通过obj[i].xxx获取。=>for in(常用！eval()函数详解。
JSON与JS之间的相互转换
star_zhang_jx的博客
09-29 2107
1.什么是JSON JSON（JavaScript Object Notation js对象表示法）是一个特殊的字符串，这个字符串可以被任意的语言识别，并且可以转换为任意语言的对象，JSON在开发中主要用来数据的交互。JSON和js对象的格式一样，只不过JSON字符串中的属性名必须添加双引号，其他和js语法一致。 1.1 JSON分类 对象{} 数组[] 就是说使用JSON可以将对象和数组作为特殊的字符串进行传输，从而可以被任意语言解析操作 1.2JSON中允许的值 字符串 数值 布尔值 null
JS对象与JSON格式数据相互转换(转)
weixin_33721344的博客
02-28 891
目前的项目数据交互几乎都用JQuery，所以处理流程是：前端页面数据-》JS对象-》jQuery提交-》python处理，另外一种就是倒过来。python肯定不能直接处理JS对象数据，所以要把JS对象转换成为python能处理的一种数据格式（通常是字典dict），同样，python取数据反馈到前端也要把字典数据转换成JS能处理的对象，这个中间转换数据格式通常就是JSON。 一、JS对象转换成为J...
JS对象与json字符串相互转换实现方法示例
10-18
当你需要将JavaScript对象发送到服务器或者存储为字符串时，通常需要将其转换为JSON格式。在JavaScript中，可以使用`JSON.stringify()`方法来完成这个过程。例如： ```javascript var data = new Object(); // ...
JS对象与JSON格式数据相互转换
10-28
本文将深入探讨如何在JavaScript中进行JS对象与JSON格式数据的相互转换。 一、JS对象转换为JSON 当需要将JS对象发送到服务器（如Python后端）时，首先要将其转换为JSON格式的字符串。在JavaScript中，我们可以使用...
详解JavaScript中js对象与JSON格式字符串的相互转换
10-20
总结来说，JavaScript中的JSON对象与JSON格式字符串的转换主要通过`JSON.parse()`和`JSON.stringify()`这两个函数实现。理解这些基本操作对于处理JSON数据至关重要，尤其在前后端交互、存储和传输数据时。在实际应用...
Json对象与Json字符串互转(4种转换方式)
weixin_30448603的博客
06-12 1375
1>jQuery插件支持的转换方式： 复制代码代码如下: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2>浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器： 复制代码代码如下: JSON.parse(jsonstr...
JavaScript对象和JSON对象的相互转换
学渣晖sir的博客
04-24 485
之前做安卓应用的时候，为了实现一个抓取网页并推送给用户的功能，接触到了JSON这种神奇的东西。 大家都说JSON是一种轻量级的数据交换格式，长得也挺大众，花括号，键值对，在很多编程语言里面都能见到类似的结构。 今天刚好有个朋友问我怎么将JavaScript和JSON互相转换，我第一时间想到的就是直接赋值，但是马上就觉得这方法太低端了...讲道理JSON肯定提供了某些舍弃的API可以直接转换，于
JSON转换为JS对象和JS对象转换为JSON
热门推荐
MengLi的博客
07-31 1万+
1. JSON转换为JS对象 名称 parse 类型 执行类 参数 json: string JSON字符串 返回值 js对象 示例 parse('{"a":"abc","b":true,"c":123,"d":{"e":"test"},"e":[1,2,"3"]
js对象与json字符串的互转
Coding_Jia的博客
05-16 9231
今天在面试的时候，面试官问到js对象与json字符串的互转问题，由于自己平时在用的时候没有在意，而且在工作中由于用的较少，没有答上来，所以今天特地查查资料复习一下， 巩固一下这方面的知识。1、js对象转换成json字符串在与后端进行交互时，有时需要把js对象转换成json字符串格式，这时我们需要去引用一下json2.js这个文件，然后调用JSON.stringify()方法
Javascript 中 JSON 与对象 的相互转换
lixiaomei0623的专栏
10-12 5101
1、Json 应用现状 客户端和服务端的数据交换以一定的格式进行，目前，这种数据格式以xml和Json为主。Json是JavaScript Object Notation的简写，采用JavaScript引擎自然匹配的格式，因此相较于xml更为易读，传输字节数也要远小于xml格式，相较之下，更受青睐，应用广泛。 2、转换方式 前端开发中，数据传输格式中有一部分以JSON格式进行传递，比如Ajax，需要JSON和JS对象的相互转换。 2.1 JSON转JS对象 两种方式： 1、...
JSON转JS对象，JS对象转JSON
qq_43001609的博客
09-21 5087
JSON转JS对象，JS对象转JSON &lt;/h1&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;div class="postBody"&gt; &lt;div id="cnblogs_post_body" class="blogpost-body"&amp
js中map和json互转
yuer629
10-12 1275
//对象转map const objChangeMap = (obj) => { let map = new Map(); for(let key in obj) { map.set(key,obj[key]); } return map; } //map转为json const mapChangeObj = (map) => { let o...
json对象和js对象的区别
ccecwg的专栏
07-29 1922
json对象和js对象的区别0 总是感觉json对象和js对象的字面量表示法相同，最近学习json，真心搞不懂，js对象和json对象有什么区别？！就是感觉json对象的key要用" "括起来，但是js对象的字面量表示法不需要。  比如：  js对象的字面量表示法：  var people1={      name:'hehe',      age:18  };  json
js对象和json对象的区别
weixin_34408717的博客
09-01 153
2019独角兽企业重金招聘Python工程师标准>>> ...
json对象与 js对象的区别
二手程序员
01-09 797
JSON是什么？(JSON和JavaScript对象有什么区别？)如何把JS对象转化为JSON字符串，又如何把JSON字符串转化为JavaScript对象？ JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。 JSON 是 JavaScript 原生格式，这意味着在JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具
js对象和json的相互转换
最新发布
11-26
JS对象和JSON对象是两种不同的对象，它们之间的转换可以通过JSON对象提供的方法来实现。具体方法如下： 1. JS对象转JSON对象 使用JSON.stringify()方法可以将JS对象转换为JSON对象，该方法接受一个JS对象作为参数...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值