JavaScript对Json的增删改属性详解

使用JS对Json数据的处理，项目遇到需要对Json数据进行相关操作，比如增删改操作，本以为会比较难，网上搜索下，发现还是比较简单的，贴一段代码：

<script type="text/javascript">
    var json = {
      "age":24,
      "name":"cst"
    };
    //修改Json中的age值,因为Json中存在age属性
    json["age"] = 30;
    alert(json.age); //30

    //增加Json中的sex值,因为Json中不存在sex属性
    json["sex"] = "M";
    alert(json.sex); //M

    <!-- 遍历Json中的数据 -->
    for(var key in json){
      try{
        var value = eval("json['" + key +"']");
        alert(key+"_"+value);
      }catch(e){}
    }

    //删除Json数据中的age属性
    delete json["age"];
    alert(json.age); //undefined

  </script>

以上这篇JavaScript对Json的增删改属性详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • Jquery跨域获得Json的简单实例

    这两天用 Jquery 跨域取数据的时候,经常碰到 invalid label 这个错误,十分的郁闷,老是取不到服务器端发送回来的 json 值, 一般跨域用到的两个方法为:$.ajax 和$.getJSON 最后,仔细安静下来,细读 json 官方文档后发现这么一段: JSON数据是一种能很方便通过JavaScript解析的结构化数据.如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型.使用这种类型的话,会创建一个查询字符串参数 callback=?

  • jQuery遍历json的方法分析

    本文实例分析了jQuery遍历json的方法.分享给大家供大家参考,具体如下: 复制代码 代码如下: var obj = {"status":1,"bkmsg":"\u6210\u529f","bkdata":["\u5415\u5c1a\u5fd7","1387580400","\u6dfb\u52a0\u8bb0\u5f55"]}{"status&quo

  • jquery遍历json对象集合详解

    本文实例采用案例分析的方法介绍了jquery遍历json对象的三种情况,供大家参考,具体内容如下 第一个案例:jquery 遍历json对象集合 常用示例 jsp中 $.ajax({ url: "${applicationScope.rootpath}common/getContractPage.html?userConId=${userConId}", type: "post", dataType:"json", data: {}, succe

  • JavaScript对Json的增删改属性详解

    使用JS对Json数据的处理,项目遇到需要对Json数据进行相关操作,比如增删改操作,本以为会比较难,网上搜索下,发现还是比较简单的,贴一段代码: <script type="text/javascript"> var json = { "age":24, "name":"cst" }; //修改Json中的age值,因为Json中存在age属性 json["age"] = 30; alert(

  • javascript解析json格式的数据方法详解

    JSON (JavaScript Object Notation)是一种简单的数据格式,比xml更轻巧. 它是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包.那么如何用JavaScript来解析json呢? 首先,科普一下json.在json中,有两种结构:对象和数组. 一个对象以"{"(左括号)开始,"}"(右括号)结束.每个"名称"后跟一个":"

  • package.json依赖环境相关属性详解

    目录 引言 一.package.json 1. package.json简介 2. package-lock.json 二.package.json常用属性 1. script 2. bin 3. workspaces 三.package.json环境相关属性 1 type 2 main & module & browser 3 exports 四.package.json依赖相关属性 1 peerDependencies 2 peerDependenciesMeta 五.package.

  • JavaScript 键盘事件的处理及属性详解

    目录 引言 处理键盘事件 键盘事件属性 引言 JavaScript 中的事件,当用户或浏览器尝试操作页面时,就会发生事件来处理 JavaScript 与HTML的交互.正如大家所知,JavaScript 与HTML一起工作,因此,页面加载.单击按钮.最小化窗口.单击鼠标.敲打键盘等发生的一切都是事件.就像在单击按钮时向用户显示任何消息一样,这是通过事件发生的. 所有HTML元素(如按钮.文本框.图像)都可以包含可以使用 JavaScript 代码触发的事件.所有这些事件都是DOM的一部分(文档对

  • iOS CoreData 增删改查详解

    iOS CoreData 增删改查详解

    最近在学习CoreData, 因为项目开发中需要,特意学习和整理了一下,整理出来方便以后使用和同行借鉴.目前开发使用的Swift语言开发的项目.所以整理出来的是Swift版本,OC我就放弃了. 虽然Swift3 已经有了,目前整理的这个版本是Swift2 的.Swift 3 的话有些新特性. 需要另外调整,后续有时间再整理. 继承CoreData有两种方式:  创建项目时集成 这种方式是自动继承在AppDelegate里面,调用的使用需要通过UIApplication的方式来获取AppDeleg

  • Java描述数据结构学习之链表的增删改查详解

    Java描述数据结构学习之链表的增删改查详解

    前言 链表是一种常见的基础数据结构,它是一种线性表,但在内存中它并不是顺序存储的,它是以链式进行存储的,每一个节点里存放的是下一个节点的"指针".在Java中的数据分为引用数据类型和基础数据类型,在Java中不存在指针的概念,但是对于链表而言的指针,指的就是引用数据类型的地址. 链表和数组都是线性的数据结构,对于数组而言其长度是固定的,由于在内存中其是连续的,因此更适合做查找与遍历,而链表在内存中是并不是顺序存储的,但是由于其是通过"指针"构成的,因此在插入.删除时

  • 如何使用MybatisPlus快速进行增删改查详解

    如何使用MybatisPlus快速进行增删改查详解

    目录 前言: 1.数据库建表 2.新建一个springboot项目 (1).引入相应的jar包 (2).快速启动项目 3.springboot结合mybatisplus (1).引入mybatisplus以及其他依赖 (2).创建application.yml文件,修改配置 (3).创建mybaisplus配置类 (4).创建实体类 (5).创建mapper接口 (6).创建service接口及其实现类 (7).创建controller 总结 前言: mybatisplus 可以说是对mybat

  • mongodb增删改查详解_动力节点Java学院整理

    mongodb增删改查详解_动力节点Java学院整理

    仔细观察"划线区域"的信息,发现db文件夹下有一个类似的"lock file"阻止了mongodb的开启,接下来我们要做的就是干掉它,之后,开启成功,关于mongodb的管理方式将在后续文章分享. 一: Insert操作 上一篇也说过,文档是采用"K-V"格式存储的,如果大家对JSON比较熟悉的话,我相信学mongodb是手到擒来,我们知道JSON里面Value 可能是"字符串",可能是"数组",又有可能是

  • pymysql模块的使用(增删改查)详解

    一.pymysql的下载和使用 之前我们都是通过MySQL自带的命令行客户端工具mysql来操作数据库,那如何在python程序中操作数据库呢?这就用到了pymysql模块,该模块本质就是一个套接字客户端软件,使用前需要事先安装. (1)pymysql模块的下载 pip3 install pymysql (2)pymysql的使用 # 实现:使用Python实现用户登录,如果用户存在则登录成功(假设该用户已在数据库中) import pymysql user = input('请输入用户名:')

  • react实现todolist的增删改查详解

    react实现todolist的增删改查详解

    目录 以todolist为例 目录如下 app.js Input.js List.js Item.js Total.js Mask.js(弹窗) bus.js App.css 总结 以todolist为例 目录如下 app.js import React, { PureComponent } from 'react' import Input from './components/Input' import List from './components/List' import Total f

随机推荐