精华内容
下载资源
问答
  • JS中Json对象

    2015-09-12 10:47:12
    JS中JSON对象 使用JSON进行数据传输
  • 主要介绍了javascript中JSON对象与JSON字符串相互转换,实例分析了json对象与字符串常用的几种转换技巧,具有一定参考借鉴价值,需要的朋友可以参考下
  • 主要介绍了javascript中json对象json数组json字符串互转及取值方法,需要的朋友可以参考下
  • 1:js操作json对象 代码如下: for(var item in json){ alert(item); //结果是 aa,bb, 类型是 string alert(typeof(item)); alert(eval(“json.”+item)); //结果是true,true类型是boolean...
  • JSON:JavaScript 对象表示法(JavaScript Object Notation),其实JSON就是一个JavaScript的对象(Object)而已。接下来通过本文给大家介绍JS中JSON对象和String之间的互转及处理技巧,需要的朋友一起学习吧
  • javascript中json对象、json数组、json字符串互转及取值 json类型的字符串转换为json对象及取值 var jsonString = '{"bar":"property","barr":10}'; var jsObject = JSON.parse...

    javascript中json对象、json数组、json字符串互转及取值

    • json类型的字符串转换为json对象及取值
    var jsonString = '{"bar":"property","barr":10}';
    var jsObject = JSON.parse(jsonString);    //转换为json对象
    console.log(jsObject.bar);    //取json中的值   property
    • json对象转为json类型的字符串
    var jsonString = '{"bar":"property","barr":10}';
    var jsObject = JSON.parse(jsonString); //转换为json对象
    
    var str = JSON.stringify(jsObject); //转换为json类型的字符串 
    
    • json数组类型的字符串转换为json及取值 和json对象转换为转换为json字符串
    //json数组类型字符串取值
    var jsonStr = '[{"id":"01","open":false,"pId":"0","name":"A部门"},{"id":"01","open":false,"pId":"0","name":"A部门"},{"id":"011","open":false,"pId":"01","name":"A部门"},{"id":"03","open":false,"pId":"0","name":"A部门"},{"id":"04","open":false,"pId":"0","name":"A部门"}, {"id":"05","open":false,"pId":"0","name":"A部门"}, {"id":"06","open":false,"pId":"0","name":"A部门"}]';
    var jsonObj =  JSON.parse(jsonStr);//转换为json对象
    for(var i=0;i<jsonObj.length;i++){
            console.log(jsonObj[i].id);  //取json中的值
    }
    console.log(jsonObj)
    var jsonStr1 = JSON.stringify(jsonObj)
    console.log(jsonStr1+"jsonStr1")
    
    展开全文
  • Javascript中JSON对象继承实现

    千次阅读 2017-04-01 14:37:22
    1. 关于JSON对象浅拷贝的实现  1.1 函数的实现 /** *Json对象的浅拷贝 * 返回具有父类属性的新的child对象 * @param {Object} parent * @param {Object} child */ function extend(parent, child)...

    1. 关于JSON对象浅拷贝的实现

        1.1 函数的实现

    /**
    		 *Json对象的浅拷贝
    		 *      返回具有父类属性的新的child对象
    		 * @param {Object} parent
    		 * @param {Object} child
    		 */
    		function extend(parent, child) {
    			var child = child || {};
    			for(var prop in parent) {
    				child[prop] = parent[prop];
    			}
    			return child;
    		}

         1.2 浅拷贝的实现分析

               1. 初始化变量

                var person = {
    				age: 18,
    				friends: ["xiaoming", "zhangsan"],
    				address: {
    					home: "home address",
    					office: "office address"
    				}
    			};
    			var programer = {
    				language: "javascript"
    			};

               2. 进行JSON对象的浅拷贝

                extend(person,programer);
                3. 观察父类数据修改后,子类数据的变化

                      3.1 programer 已经具有了person的属性内容

                          

                      3.2设置 person.address.home = "home ",发现子类的内容也被改变

                           

    2、关于JSON对象深拷贝的实现

        2.1 函数的实现

    /**
    		 * Json对象的深拷贝
    		 *       返回具有父类属性的新的child对象
    		 * @param {Object} parent
    		 * @param {Object} child
    		 */
    		function extendDeeply(parent, child) {
    			var child = child || {};
    			for(var prop in parent) {
    				//如果属性本身,就是一个数组或者Json对象,进行深拷贝
    				if(typeof parent[prop] === "object") {
    					//确定子对象的属性类型,[]或者{}对象
    					child[prop] = (parent[prop].constructor === Array) ? [] : {};
    					//实现深拷贝
    					extendDeeply(parent[prop], child[prop]);
    				} else {
    					child[prop] = parent[prop];
    				}
    			}
    			return child;
    		}

          2.2 深拷贝的实现分析

       1. 初始化变量

    var person = {
    				age: 18,
    				friends: ["xiaoming", "zhangsan"],
    				address: {
    					home: "home address",
    					office: "office address"
    				}
    			};
    			var programer = {
    				language: "javascript"
    			};
    			//浅拷贝的测试
                extend(person,programer);
    			//深拷贝的测试

       2. 进行JSON对象的浅拷贝    

    extendDeeply(person, programer);

     3. 观察父类数据修改后,子类数据的变化

          3.1 programer 已经具有了person的属性内容

              

          3.2设置 person.address.home = "home ",发现子类的内容不会被改变

                 



    展开全文
  • js中json对象转换为array

    万次阅读 多人点赞 2015-12-22 15:56:04
    今天遇到了一个将json对象格式转换为js数组的问题,网上down了一下,发现只是对json进行了一些操作。在此写了一个小小的代码,以供有需要的人使用。

     今天遇到了一个将json对象格式转换为js数组的问题,网上down了一下,发现只是对json进行了一些操作。在此写了一个小小的代码,以供有需要的人使用。

    开门见山,先声明一个json对象数组,在此说一下,js中数组使用 " [ ] "区分的,而对象是由“ { } ” 区分,当然,这些问题各位大神肯定是都很了解了微笑

    var data=[{"url":"http://www.baidu.com","oldname":"baidu"},{"url":"http://www.sina.com.cn/","oldname":"新浪"}];
    
    
    这是一个典型的 json对象数组。个人认为在程序中这样的格式已经很方便了,但是还是有人喜欢使用array,这里不对这种情况进行探究,也不对json与纯js数组做过多的评价。

    查了很多资料发现,并没有什么直接内置好的函数去将json数据转化为对象,但是我们可以通过对json对象数据的循环将其赋值到js的二维数组中,值得声明的是,js没有严格意义上面的二维数组,它需要进行再次的声明才可以使用,否则,浏览器会报错的骂人


    function json_array(data){
         var len=eval(data).length;
         var arr=[];
         for(var i=0;i<len;i++){
    	  arr[i] =[]; //js中二维数组必须进行重复的声明,否则会undefind
    	  arr[i]['url']=data[i].url;
    	  arr[i]['oldname']=data[i].oldname;
         }
         return arr;  
    }
    json_array(data);
    
    这个方法可以对json数组进行遍历,但是前提是你要清楚你的json对象的格式,以及你需要的数据结构。

    eval()可以将json字符串转化为json数据格式,但是这不是必须的,就如同上面的例子,不过上面的例子确实比较简单,如果data是一个json字符串,使用“{}”开头和结尾,那么在js中,“{}” 中的内容,会被当做是代码块,那个时候必须使用eval将其强制的转化为代码块,关于eval的具体用法可以查看手册。





    展开全文
  • js 中json对象转字符串

    万次阅读 2017-01-05 13:14:25
    在数据传输过程,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 ...
    将json字符串转换为json对象的方法。在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键
    
    JSON字符串:
    var str1 = '{ "name": "cxh", "sex": "man" }'; 
    JSON对象:
    var str2 = { "name": "cxh", "sex": "man" };
    
    1 json对象转字符串
    可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。
    例如:
    var last=obj.toJSONString(); //将JSON对象转化为JSON字符
    或者
    var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
    alert(last);
    注意:
    上面的几个方法中,除了eval()函数是js自带的之外,其他的几个方法都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法,则说明您的json包版本太低。
    2 字符串转json对象
    
    //由JSON字符串转换为JSON对象
    var obj = eval('(' + str + ')');
    或者
    var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
    或者
    var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
    然后,就可以这样读取:
    Alert(obj.name);
    Alert(obj.sex);
    特别注意:如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题(抛出语法异常)。
    
    
    
    展开全文
  • 前端:JS中JSON对象和String转换

    万次阅读 2019-01-11 11:16:16
    JSON对象 ==&amp;gt; String JSON.stringify(JsonObject); String ==&amp;gt; JSON对象 JSON.parse(String);
  • 1.json类型的字符串转换为json对象及取值1 var jsonString = '{"bar":"property","baz":3}'; 2 var jsObject = JSON.... //取json的值 2.json对象转为json类型的字符串var json ...
  • var oldObject ="sdf"; var newObject = JSON.parse(JSON.stringify(oldObject)); console.log(newObject);
  • var str = '{ "...JSON字符串转换为JSON对象 var obj = str.parseJSON();//将JSON字符串转换为JSON对象 var obj = JSON.parse(str);// 将字符串转换为JSON对象JSON对象转化为JSON字符串 va...
  • js中json对象和string互转

    千次阅读 2017-10-11 09:22:51
    * json对象转字符串形式 */ function json2str(o) { var arr = []; var fmt = function(s) { if (typeof s == 'object' && s != null) return json2str(s); re...
  • js中json对象的定义、取值等

    万次阅读 2017-07-13 14:50:27
    JSON的规则很简单:对象是一个无序的“‘名称:值'对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值'对”之间使用“,”(逗号)分隔。
  • 1>... //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2>浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器: 复制代码代码如下: JSON.par...
  • 不规律key的遍历实现: ...var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}]; for(var i=0,l=json.length;i;i++){ for(var key in json[i]){ alert( key+':'+json[i][key] ); } }
  • JavaScript中JSON对象操作小结

    千次阅读 2017-06-05 10:11:06
    简介JSON (JavaScript Object Notation) 是一种轻量的数据交换格式[1]. JSON有四种数据类型和两种数据集合类型,分别为: 数据类型: string, number, Boolean( true, false), null, 数据集合类型: object, array,...
  • js中json对象与字符串之间的转化

    千次阅读 2013-12-17 13:45:41
    网上有不少教程文章已介绍这方面的内容,但费了许久才找到我需要的东西,将demo贴在此处,以作记录。 json-demo.html: json-demo <!-- $(document).ready... // 简单字符串转换为json对象 var

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 359,679
精华内容 143,871
关键字:

js中json对象