js处理json和字符串示例

最新推荐文章于 2023-02-22 17:32:35 发布
最新推荐文章于 2023-02-22 17:32:35 发布
阅读量1.4k 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/estelle_belle/article/details/11470281
版权

js处理json格式的插入、修改、删除，以及字符串的比较等常用操作


demo 1： 

json格式的插入、删除

<html>
	<head>
		<title></title>
		<script language="javascript">
			function change(){
				var obj=document.getElementById("floor");
				if (document.getElementById("qu").value=="1"){
					var t=document.createElement("OPTION");
					t.text="第五楼";
					t.value="5";
					obj.add(t);
				}else if(document.getElementById("qu").value=="2"){
					for(var i=0; i<obj.length;i++){
						if(obj.options[i].value=="5"){
							obj.remove(i);
							return;
						}
					}
				}
			}
		</script>
	</head>
	<body>
	<form id="form1" name="form1" method="post" action="">
	
	  <select multiple="multiple" name="qu" id="qu" οnchange="change()" style="width: 150px; height: 300px;">
	    <option value="请选择所在区">--请选择所在区--</option>
	    <option value="1">南开区</option>
	    <option value="2">红桥区</option>
      </select>
      
	  <select multiple="multiple" name="floor" id="floor" style="width: 150px; height: 300px;">
          <option value="请选择楼层">--请选择楼层--</option>
          <option value="1">第一楼</option>
          <option value="2">第二楼</option>
          <option value="3">第三楼</option>
          <option value="4">第四楼</option>
        </select>
    </form>
	
	</body>
</html>
运行结果：




demo2：

<!DOCTYPE html>
<html>
	<script language="javascript">
最低0.47元/天 解锁文章
沙漏无语
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
复杂的json字符串解析（真实案例）
12-19
工作中遇到的真实情况，比较复杂的json解析方法，关键在于理解。注意事项方法中注释已经介绍的很清楚了，希望各位朋友采纳！
js处理json以及字符串的比较等常用操作
10-26
js处理json格式的插入、修改、删除，以及字符串的比较等常用操作，下面有五个示例，感兴趣的朋友可以学习下
JSON字符串
chenjing_1qaz的博客
08-15 903
现在越来越多的项目和开发插件等默认都会支持和使用json数据格式，作为数据保持、传输的一种方式。 说是其中一种，就标示还有好多其他格式。比如：最多是xml。webservice的标准数据格式。 不过由于json是JavaScript 对象表示法（JavaScript Object Notation），天生就对js支持很好， 所以现在很多的ajax等都使用json，反而会更好处理一些。 1、定义 什...
Json解析字符串解析简单实例
lizhong
01-17 2305
Json解析字符串实例，解析内容为： {"info":[{"code":"C","key":"028","nearest":"NO","value":"�ɶ�"},{"code":"N","key":"0771","nearest&quot
一个简单的读取json字符串的小例子
whuizhou的专栏
11-14 1168
JS解析json数据 //$(document).ready(function () { //var data = { hoot: [{ name: '1', value: '0' }, { name: '6101', value: '北京市' }, { name: '6102', value: '天津市' }, { name: '610
JS实现将二维数组转为json格式字符串操作示例
10-18
主要介绍了JS实现将二维数组转为json格式字符串操作,涉及javascript数组遍历、拼接、转换等相关操作技巧,需要的朋友可以参考下
JavaScript实现的反序列化json字符串操作示例
01-21
本文实例讲述了JavaScript实现的反序列化json字符串操作。分享给大家供大家参考，具体如下： JavaScript中如何反序列化json字符串呢? 有如下两种方法: (1) 使用万能的eval var jsonText = '{name:acwong,age:23,...
javascript json字符串到json对象转义问题
10-17
在JavaScript中，经常需要将JSON字符串转换为JSON对象，以便能够操作和处理这些数据。然而，在这个过程中，可能会遇到一些转义问题，特别是在涉及到特殊字符时。本文将深入探讨JavaScript中JSON字符串到JSON对象的...
json串的简单实例
hhtq的博客
03-21 2764
1.创建实体对象Book.java package entity; public class Book { private int bookId; private String bookName; private String bookPress; public int getBookId() { return bookId; } public void setBookId(i
javascript中JSON对象与JSON字符串相互转换实例
12-09
本文实例讲述了javascript中JSON对象与JSON字符串相互转换实现方法。分享给大家供大家参考。具体如下： [removed] // 根据JSON对象的属性的名称获取属性的值 var jsonObj = { name: "jxqlovejava" }; // JSON对象 console.log(jsonObj.name); // "jxqlovejava" var jsonStr = '{ name: "jxqlovejava" }'; // JSON字符串到JSON对象方法一 var jsonObj2 = eval("(" + json
js处理json格式的字符串
Jenny—静默时间,花开灿然
07-26 263
后台返回json字符串： @RequestMapping(value = "/getDimensionByPid", method = RequestMethod.POST, produces = "text/html;charset=UTF-8") @ResponseBody public String getDimensionByPid(HttpServletRequest reque...
@SerializedName 和Gson使用，快速解析json字符串例子
wangmao01的博客
09-14 699
json示例： { "id": 156, "type":"magazine", "name":"Sounds Of slient", "content":"螺丝钉咖啡", "keywords":"EVENT", "desc
Json字符串
weixin_50919228的博客
02-22 3836
Json
原生js处理json字符串
Eplusing
04-17 1755
1.阿里2016前端实习生笔试题         处理Json字符串         window.onload=function(){ var resultStr = ""; var obj = [{name:'xiaoming','age':18},{name:'xiaohong','age':17}]; var objJson = eval(obj); for(v
JSON对象示例：解释字符串化和解析方法
cumian9828的博客
08-18 443
JSON Stringify (JSON Stringify) The JSON.stringify() method converts a JSON-safe JavaScript value to a JSON compliant string. JSON.stringify()方法将JSON安全的 JavaScript值转换为JSON兼容的字符串。 What are JSON-safe ...
SpringMVC之Json交互处理(五)
qq_50231389的博客
06-17 175
SpringMVC之Json 什么是JSON？ JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式，目前使用特别广泛。 采用完全独立于编程语言的文本格式来存储和表示数据。 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。 在 JavaScript 语言中，一切都是对象。因此，任何JavaScript 支持的类型都可以通过 JSON 来表示，
json 格式字符串
热门推荐
szydqq的博客
03-07 3万+
json方法
js处理json字符串拼接
最新发布
06-01
如果你要将多个 JSON 字符串拼接成一个大的 JSON 字符串，可以先将每个 JSON 字符串转成 JavaScript 对象，然后将这些对象放到一个数组中，最后使用 JSON.stringify() 方法将整个数组转成 JSON 字符串。示例代码如下： ```javascript // 假设有两个 JSON 字符串 var jsonStr1 = '{"name": "Tom", "age": 18}'; var jsonStr2 = '{"name": "Jerry", "age": 20}'; // 将 JSON 字符串转成 JavaScript 对象 var obj1 = JSON.parse(jsonStr1); var obj2 = JSON.parse(jsonStr2); // 将对象放到数组中 var arr = [obj1, obj2]; // 将数组转成 JSON 字符串 var result = JSON.stringify(arr); console.log(result); // 输出结果：[{"name":"Tom","age":18},{"name":"Jerry","age":20}] ``` 如果你要拼接的 JSON 字符串已经是一个数组，那么直接将它们转成 JavaScript 对象数组，然后使用 Array.concat() 方法将它们合并成一个数组，最后再将整个数组转成 JSON 字符串即可。示例代码如下： ```javascript // 假设有两个 JSON 数组 var jsonArr1 = '[{"name": "Tom", "age": 18}]'; var jsonArr2 = '[{"name": "Jerry", "age": 20}]'; // 将 JSON 数组转成 JavaScript 对象数组 var objArr1 = JSON.parse(jsonArr1); var objArr2 = JSON.parse(jsonArr2); // 合并两个数组 var arr = objArr1.concat(objArr2); // 将数组转成 JSON 字符串 var result = JSON.stringify(arr); console.log(result); // 输出结果：[{"name":"Tom","age":18},{"name":"Jerry","age":20}] ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沙漏无语

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值