web前端js或jquery如何生成一个对象(Object),并且怎么样转化为json字符串

2019-09-04 12:55:53 查看次数 77 分类: web前端>前端技术文档 | 文章来源:http://www.ifx666.cn

摘要内容:定一个数组和一个对象,将对象插入到数组,然后装换成JSON字符串的逻辑

一,直接上代码 java视频教程java知识分享


<script src="../../Content/jquery-2.0.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
    function aa() {
        var json = [];
        var j = {};
        for (var i = 1; i < 5; i++) {
            j.name = "name";
            j.cars = "22";
            j.obj = "457";
            json.push(j);
        }
        var a = JSON.stringify(json);
        alert(a);
    }
</script>
<div>
    <input type="button" value="提交" onclick="aa()" />
</div>

 综上:理解是定一个数组和一个对象,将对象插入到数组,然后装换成JSON字符串的逻辑

二,以上代码会出现一个问题:当你插入i的值是发现输出的一直都是最后一个对象的JSON


 <script type="text/javascript">
        window.onload = function () {
            var json = [];
            var j = {};
            for (var i = 1; i < 5; i++) {
                j.name = "name";
                j.cars = "22";
                j.obj = i;
                json.push(j);
            }
            var a = JSON.stringify(json);
            alert(a);
        }
    </script>

经过JS调试发现,写成这样才是我们想要的结果:(将J的定义写在遍历里面)


    <script type="text/javascript">
        window.onload = function () {
            var json = [];
            for (var i = 1; i < 5; i++) {
                var j = {};
                j.name = "name";
                j.cars = "22";
                j.obj = i;
                json.push(j);
            }
            var a = JSON.stringify(json);
            alert(a);
        }
    </script>

 [{"name":"name","cars":"22","obj":1},{"name":"name","cars":"22","obj":2},{"name":"name","cars":"22","obj":3},{"name":"name","cars":"22","obj":4}]

 

 原因: 在JS定义出来的变量是Object对象,分配的是一块内存空间,你将这个对象插入到一个数组中,也是在数组内开辟一个空间指向这块内存,你在遍历是数组的容量是一直增大,但是都是指向与同一块内存对象,所以他们的值是一样的,而且是这个对象最后修改的那个值,所以最后数组的值一样,将对象在循环里面定义,则是我们想要的结果

 

上一篇: CANNOT READ PROPERTY ‘MSIE’ OF UNDEFINED错误的解决方法

下一篇: 锋利的jQuery读者可以系统地掌握jQuery的选择器、DOM操作等操作细节

评论

评论列表