在Javascript操作JSON对象,增加 删除 修改

<script type="text/javascript">
    var jsonObj2 = { teacher: [
        { name: "jordan", sex: "m", age: "40" },
        { name: "bryant", sex: "m", age: "28" },
        { name: "McGrady", sex: "m", age: "27" }
    ]};

    var jsonObj2New = {};
    $("#btn").click(function () {
        //invoke the update
        updateData("jordan");
        var persons = jsonObj2.teacher;
        for (var i = 0; i < persons.length; i++) {
            var cur_person = persons[i];
            alert(cur_person.sex);
        }

        //invoke the delete
        deleteData("jordan");
        var persons = jsonObj2.teacher;
        for (var i = 0; i < persons.length; i++) {
            var cur_person = persons[i];
            alert(cur_person.sex);
        }

        //push
        var temp = { name: "kenny", sex: "m", age: "25" };
        jsonObj2.teacher.push(temp);

        var persons = jsonObj2.teacher;
        for (var i = 0; i < persons.length; i++) {
            var cur_person = persons[i];
            alert(cur_person.name);
        }

    });

    function updateData(name) {
        var persons = jsonObj2.teacher;
        //alert(name);
        for (var i = 0; i < persons.length; i++) {
            var cur_person = persons[i];
            if (cur_person.name == name) {
                persons[i].sex = "f";
            }
        }
    }

    function deleteData(name) {
        var persons = jsonObj2.teacher;
        //alert(name);
        for (var i = 0; i < persons.length; i++) {
            var cur_person = persons[i];
            if (cur_person.name == name) {
                jsonObj2.teacher.splice(i, 1);
            }
        }
    }
    </script>

转载:http://www.cnblogs.com/chenhuzi/p/javascrpt-json2-json-add-update-delete.html

时间: 2024-10-10 20:33:01

在Javascript操作JSON对象,增加 删除 修改的相关文章

javascript操作json对象

1.创建JsonArray对象 var jsonArr = []; 2.创建Json对象 var json = {}; 3.为json对象赋值 json.name = 'zhangsan'; json.age = 18; 4.将json对象push进JsonArray对象中 jsonArr.push(json); 5.将json字符串转换成json对象 var jsonData = '{ "name": "zhangsan", "sex": 18

javascript操作json总结

原文:http://www.cnblogs.com/worfdream/articles/1956449.html JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包. 本文主要是对JS操作JSON的要领做下总结. 在JSON中,有两种结构:对象和数组. 1. 一个

JavaScript 操作JSON总结

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包. 本文主要是对JavaScript操作JSON的方法做下总结. 在JSON中,有两种结构:对象和数组.1. 一个对象以“{”(左括号)开始,“}”(右括号)结束.每个“名称”后跟一个“:”(冒号):“‘名称/值’

关于json对象的删除

摘自 http://www.cnblogs.com/wuyifu/p/3424621.html 一个json对象在后台产生了,但是有些数据可能无效或者不合法,所以需要在前台作些例外处理,比如删除掉. json的删除有很多种,直接用过 delete json对象方式. 举例如下Js代码  var columns = [          {name:"bigTitle",caption:reportData.bigTitle,children:[      {name:"org

javascript操作JSON字符

1.先要区分JSON字符串和JSON对象 JSON字符串: Var strJSON = "{"Area":[{"AreaId":"123"},{"AreaId":"345"}]}",   或者 Var strJSON = '{"Area":[{"AreaId":"123"},{"AreaId":"3

[JavaWeb基础] 004.用JSP + SERVLET 进行简单的增加删除修改

上一次的文章,我们讲解了如何用JAVA访问MySql数据库,对数据进行增加删除修改查询.那么这次我们把具体的页面的数据库操作结合在一起,进行一次简单的学生信息操作案例. 首先我们创建一个专门用于学生管理的ManageServlet. 接着我们需要一个展现数据的页面,也就是 UserList.jsp <%@page import="com.babybus.sdteam.vo.Student"%> <%@ page language="java" im

javascript获取json对象的key名称的两种方法

javascript获取json对象的key名称的两种方法 数据处理中,你可能接收到一个不确定内容格式的json对象,然后要把key的值提取出来.今天试过两种可以提取json key的方法,均可以正常工作. 先看第一种方法 jsonObj = { Name: 'richard', Value: '8' }for (key in jsonObj){ console.log(key); //add your statement to get key value} 结果 NameValue 第二种方法

JSON对象添加删除属性

假如目前我们有如下一个Json对象 1 var jsonObj={ 2 3 'param1':22, 4 5 'param2' :33 6 7 }; 增加属性: 我们现在向该对象jsonObj中添加一个新的属性字段:param3. 有如下方式: jsonObj.param3=44; jsonObj[param3]=44; 遍历查询属性 如果需要遍历查询整个对象的所有属性 for(var key in jsonObj){ objValue=jsonObj[key] } 修改属性值 如果需要修改某个

JavaScript操作BOM对象

1)windows对象 浏览器对象模型(BOM :Browser  Object  Model)是JavaScript的组成之一,它提供了独立于内容与浏览 器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互.它的作用是将相关的元素组织包装起来, 提供给程序设计人员使用,从而降低开发人员的劳动量,提高设计Web页面的能力.BOM是一个分层结构 1-1)使用BOM通常可实现如下功能: 1.弹出新的浏览器窗口 2.移动.关闭浏览器窗口及调整窗口大小 3.在浏览器窗口中实现页面的前进.后退