前端JSON基本方法和遍历

1.JSON字符串:
var jsonStr ='{"name":"Liza", "password":"123"}' ;

2.JSON对象:
var jsonObj = {"name":"Liza", "password":"123"};  //json对象的key键值对中的键必须带有“”

3.普通js对象
var obj1 = 'YES'
var obj2 = {aaa:obj1,name:"张三","age":18,sayHi: function () {
    console.log(1); }};
console.log(obj2);
obj2.sayHi();

4、JSON字符串转化JSON对象
var jsonObject= jQuery.parseJSON(jsonstr);
var obj = eval_r('(' + str + ')');

5JSON对象转化JSON字符串
JSON.stringify(jsonObj,changeWord,8);//该方法3个参数,jsonObj,替换方法,缩进空格数做多10个' '
    替换方法eg:    function changeWord(key,value){ if(key=="gender"){ value = value.toUpperCase();}return value;}

6.将普通对象转添加到jsonObj对象中
var jsonobj ={}; var list = [];
  for(var i = 0;i<5;i++){
  var obj = new Object();
      obj.name = "赵丽颖";
      obj.age = "20";
      list.push(obj);
 }
if(list&&list.length>0){ jsonobj['aaa'] = list; }

4.JSON增加元素
obj['key']=value;
5.JSON删除元素
delete obj["key"];

json的遍历
第一种:
var json1 = { 'name' : 'yy' , 'age' : 11 , 'fun' : '前端开发' };
for( var attr in json1 ){
        alert( attr + ' : ' + json1[attr] );  // 注意这里访问不能用.访问,也不能加引号,否则就代表访问的是json里面名称为attr的值了
}
第二种: 嵌套
var json2 = { url : ['img/1.png' , 'img/2.png' , 'img/3.png' , 'img/4.png'], text : ['乐乐' , '呵呵' , '嘿嘿' , '哈哈']  };
for( var attr in json2 ){
  for( var i=0 ; i<json2[attr].length ; i++ ){ // → 也可以写成:for( var i in json2[attr] )
     alert( attr + ' : ' + json2[attr][i] );

   }
}
第三种 arr
var arr = [{ 'name' : 'ww' , 'age' : 1 },{ 'name' : 'hh' , 'age' : 2 },{ 'name' : 'nn' , 'age' : 3 }];
for( var i=0 ; i<arr.length ; i++ ){     //→ 也可以写成:for( var i in arr )
   for( var attr in arr[i] ){
       alert( attr + ' : ' + arr[i][attr] );
      }
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值