首页 > 其他分享 >js json用法 转json字符串 json对象( 重点看最后)

js json用法 转json字符串 json对象( 重点看最后)

时间:2023-09-09 16:44:26浏览次数:31  
标签:JSON js json key 字符串 info3 main valmain

js json:
JSON.parse() //转为json对象。
JSON.stringify() //转为JSON字符串。

举例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js json举例</title>
</head>
<body>
<p id="demo"></p>
<script>
var text = '{ "date" : [' +
	'{ "key":"info1" , "valmain":"main_info1" },' +
	'{ "key":"info2" , "valmain":"main_info2" },' +
	'{ "key":"info3" , "valmain":"main_info3" } ]}';
	
jsonobj = JSON.parse(text);
document.getElementById("demo").innerHTML ="-->"+ jsonobj.date[2].key + " " + jsonobj.date[2].valmain;
</script>
</body>
</html>

结果:-->info3 main_info3

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js json举例</title>
</head>
<body>
<p id="demo"></p>
<script>
var text = '{ "date" : [' +
	'{ "key":"info1" , "valmain":"main_info1" },' +
	'{ "key":"info2" , "valmain":"main_info2" },' +
	'{ "key":"info3" , "valmain":"main_info3" } ]}';
	
jsonstr = JSON.stringify(text);
document.getElementById("demo").innerHTML ="-->"+ jsonstr;
</script>
</body>
</html>

  

结果:-->"{ \"date\" : [{ \"key\":\"info1\" , \"valmain\":\"main_info1\" },{ \"key\":\"info2\" , \"valmain\":\"main_info2\" },{ \"key\":\"info3\" , \"valmain\":\"main_info3\" } ]}"

 

举例二:重点常用:
存储:
sessionStorage.setItem("userInfo",JSON.stringify(this.$userInfo));
跳转后获取:
var userInfo = JSON.parse(sessionStorage.getItem("userInfo"));

标签:JSON,js,json,key,字符串,info3,main,valmain
From: https://www.cnblogs.com/liuguiqing/p/17689722.html

相关文章

  • print r 替换字符串 避坑
    print(r'''Instance=Class_1()str_addr_arg=Instance.dict_configuration['地址3'],str_column='发货属性',list_filter=eval(Instance.dict_configuration['筛选1']),list_column=eval(Instance.dict_configuration['列名1&......
  • 《剑指Offer》-20-表示数值的字符串
    这种按照一定规则来验证字符串的题看起来很麻烦,想到另外一道类似的是验证IP地址……我觉得我理不清这个判断逻辑以及各个逻辑间的关系以控制逻辑 boolisNumber(strings){ //首先这个字符串可能得样式为 //[若干可能的空格][[+/-][num./num.num/.num/num]][E/e][[+/-]......
  • 31个必备的Python字符串方法总结
     字符串是Python中基本的数据类型,几乎在每个Python程序中都会使用到它。 1、Slicingslicing切片,按照一定条件从列表或者元组中取出部分元素(比如特定范围、索引、分割值)s='hello's=s[:]print(s)#hellos='hello's=s[3:8]print(s)#hello 2......
  • 【js】【统计次数】静态页面访问次数 js页面请求次数统计
    ​效果: 源码:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>静态页面访问量统计</title></head><body><scripttype="text/javascript">varpgcoun......
  • 将pandas某列中的字符串按空格或换行符拆分成列表,然后剔除列表中的中文字符串
    要删除PandasDataFrame中某一列中的汉字字符,然后将该列的字符串按空格或换行符拆分成列表,可以按照以下步骤进行:假设你有一个名为df的DataFrame,要操作的列名为'某列':importpandasaspd#创建示例DataFramedata={'某列':['Hello你好','Thisisatest','Python编......
  • vue.js:响应式布局([email protected])
    一,代码:1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859<template>  <divclass="hello">    <div>页......
  • 字符串连接原理
    title:字符串连接原理index_img:img/2.svgtags:-JavaSE-字符串categories:-JavaSEhide:falseexcerpt:字符串拼接方式、效率、对象使用+运算符无变量参与运行前就直接拼接为一个字符串publicclassMain{publicstaticvoidmain(String[]arg......
  • 为什么使用int而不是字符串
    title:为什么使用int而不是字符串index_img:https://picss.sunbangyan.cn/2023/07/30/stdtw2.jpgtags:-JavaSE-字符串categories:-JavaSEhide:falseexcerpt:int、字符串效率更高整数数据类型在计算机中的存储和处理效率更高整数是基本的数值类型,......
  • 针对JavaScript混淆加密,JShaman推出新功能
    JShaman英文版在最新的一次更新时,增加了新功能:JavaScript代码混淆加密完成后,可以显示各功能耗时、处理的AST节点数量,以此可知对代码做了哪些保护处理。如上图所示,在此例中,对代码共进行了23项混淆加密,JSON数据加密8350处、字符串加密189669处、15222次平展控制流、30722处变量名修改......
  • 字符串转函数执行
     js'functionmyFunction(){\nconsole.log("Hello,world!");\n}'这个字符串转为函数执行的方式有哪些   将字符串转换为函数执行的方式有以下几种方法:eval():使用eval()函数可以直接执行字符串中的JavaScript代码。例如:javascriptCopyCode......