zoukankan      html  css  js  c++  java
  • 在Javascript操作JSON对象,增加 删除 修改

    在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>
  • 相关阅读:
    开通博客
    简单、方便、实用的日志记录系统
    浅谈近两年工作
    前端构建神器之 gulp
    CSS 3 transition属性
    angular.extend相关知识
    angular.element相关知识
    angularJS之$apply()方法
    Jquery选择器
    Jquery选择器小节
  • 原文地址:https://www.cnblogs.com/chenhuzi/p/javascrpt-json2-json-add-update-delete.html
Copyright © 2011-2022 走看看