`

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>

 

分享到:
评论

相关推荐

    在Javascript操作JSON对象,增加 删除 修改的简单实现

    下面小编就为大家带来一篇在Javascript操作JSON对象,增加 删除 修改的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    JavaScript数组,JSON对象实现动态添加、修改、删除功能示例

    主要介绍了JavaScript数组,JSON对象实现动态添加、修改、删除功能,结合实例形式分析了JavaScript针对json数组的添加、删除、修改操作实现技巧,需要的朋友可以参考下

    angular-json-editor:以角度编辑任何 JSON 对象的指令

    编辑器还不允许更改架构(添加或删除属性),而只能编辑现有值 ##用法 请注意,内容对象是添加到作用域中的 json 对象 要求 AngularJS ##Installation 添加到您的项目 angular-json-editor 。 &lt;link rel=...

    JavaScript详解(第2版)

     15.7 DOM的修改(追加、复制和删除节点)   15.7.1 innerHTML属性和元素的内容   15.7.2 更改元素的内容   15.7.3 使用DOM创建新元素   15.7.4 在节点前插入   15.7.5 为节点创建属性   15.7.6 ...

    sharp-mapper:仅使用JSON模式JavaScript映射模块

    仅使用JSON模式将JavaScript对象从一种形式映射到另一种形式的节点模块。 (现在支持打字稿) 版本3.x不向后兼容,所有更改都在部分中。 四个主要功能是: 删除未定义的值是使JSON输出看起来更干净的一种选择 ...

    JSON Editor 一个基于web的工具用于查看、编辑、格式化和校验JSON-javascript

    JSONEditor 的跨浏览器测试由 BrowserStack 特性树编辑器慷慨提供 编辑、添加、移动、删除和复制字段和值。 更改值的类型。 对数组和对象进行排序。 彩色代码。 在树视图中搜索和突出显示文本。 撤消和重做所有操作...

    changeset:该库将JSON对象差异化为原子的放置和删除操作,并将更改集应用于对象。 对LevelupLevelDB对象同步很有用

    生成javascript对象的diff变更集,将diff分解为一系列puts和delete操作。 该格式类似于操作的操作列表。 处理对象和数组的循环引用。 例子 求两个对象的差异,并生成转换操作列表: var diff = require ( '...

    grunt-jsonfile:使用grunt创建和修改jsonfiles

    使用对象或json文件作为模板,以创建,修改和分发jsonfile。 在各种环境下运行复杂的make时,可能需要[test | production]和/或os target等类型,json配置文件,这些文件的特定属性有所不同。 grunt-jsonfile提供...

    JavaScript完全自学宝典 源代码

    示例描述:介绍JavaScript与Microsoft Office互操作的方法。 14.1.html 使用JavaScript向Word中写入内容。 14.2.html 使用JavaScript从Word中读取内容。 14.3.html 使用JavaScript向Excel文件中写入内容...

    medea:JSON管理器

    给Medea一个JSON对象,甚至是带有嵌套对象的JSON对象,它将被转换为HTML表单。 该表单允许编辑,删除对象中的字段或创建新字段。 修改后的对象通过Submit事件返回。安装如果已安装git,请将存储库复制到本地目录: ...

    node-jsonc-parser:带有注释的JSON扫描器和解析器

    jsonc解析器带有注释的JSON扫描器和解析器。为什么? JSONC是带有JavaScript样式注释的JSON。 该节点模块提供了一个扫描程序和容错解析器,可以处理... 修改API会计算编辑内容,以插入,删除或替换JSON文档中的属性或

    JSON Viewer-crx插件

    轻松创建,编辑,删除和格式化JSON对象。 没有Cookie和服务器端处理:大多数可用工具都使用Cookie和服务器端处理来形成,存储和处理JSON文档。 在某些处理敏感客户数据的项目中,我们不应使用此类工具。 在开发基于...

    jsForm:jQuery库,用于将html表单与json连接。 这允许使用json数据自动填充html表单并检索更改。 即使是收藏品和更深的物品

    使用在表单内完成的更改来更新现有的js对象(=无需额外代码即可处理数据) 提供使用html标记进行格式化的基本功能(即日期/时间,金额,字节) 提供表单验证功能 使用子对象处理集合(数组) 通过将json(二进制...

    jsoneditor-master:json编辑器 ,可嵌入到web系统中

    JSON 编辑器 网站: : Github: : 描述 JSON Editor 是一种基于 Web 的工具,用于查看、编辑和格式化 JSON。 它具有多种模式,例如树编辑器、代码编辑器和纯文本编辑器。 编辑器可用作您自己的 Web 应用程序中的...

    jot:JSON操作转换(JOT)

    JOT包括对字符串的基本插入/删除操作,但添加了许多其他操作,这些操作使JOT可用于跟踪对可以用JSON编码的任何类型数据的更改。 基本上,这是实时同步编辑(如Etherpad)的核心,但适用于结构化数据,而不仅仅是纯...

    JSON查看器「JSON Viewer」-crx插件

    轻松创建,编辑,删除和格式化JSON对象。 没有Cookie和服务器端处理:大多数可用的工具使用cookie和服务器端处理合成,存储,处理JSON文件。在一些处理敏感客户数据的项目中,我们不应该使用这种类型的工具。我们在...

    gh-action-get-changed-files:将更改的文件保存为 JSON 以供其他操作使用的 GitHub 操作

    all : 添加、删除、重命名和修改文件added :添加文件deleted : 删除的文件renamed :重命名文件modified :修改的文件此操作创建的 JSON 文件${HOME}/files.json ${HOME}/files_modified.json ${HOME}/files_added...

    JavaScript实战

    11.4.2 复杂的JSON对象 354 第12章 Ajax编程基础 357 12.1 Tabs插件 357 12.1.1 改变正在加载文本和图标 359 12.1.2 Ajax标签页教程 361 12.2 向站点添加Google地图 364 12.2.1 为地图设定位置 366 12.2.2 其他jMaps...

Global site tag (gtag.js) - Google Analytics