Js 怎麼遍歷json對象所有key及根據動態key獲取值(根據k值獲取相應的value值)

Js代碼  
<script type="text/javascript">  
 getJson('age');  

function getJson(key){  
    var jsonObj={"name":"張三","age":"24","profession":"工程師"};  
    //1、使用eval方法      
    var eValue=eval('jsonObj.'+key);  
    alert(eValue);  
<script type="text/javascript">  
 getJson('age');  

function getJson(key){  
    var jsonObj={"name":"張三","age":"24","profession":"工程師"};  
    //1、使用eval方法      
    var eValue=eval('jsonObj.'+key);  
    alert(eValue);  
<span style="color:#ff0000">不過一定要注意 這裏給getJson(key)傳的參數的key值一定是</span>
"name"或
"age"或
"profession" 
getJson("name") "name") 


//2、遍歷Json串獲取其屬性

for(var item in jsonObj){
if(item==key){ //item 表示Json串中的屬性,如'name'
var jValue=jsonObj[item];//key所對應的value
alert(jValue);
}
}


 
<span style="color:#ff0000">不過一定要注意 這裏給getJson(key)傳的參數的key值一定是</span>
"name"或
"age"或
"profession" 
getJson("name") "name") 

 


//3、直接獲取

alert(jsonObj[key]);
}

 


 
<span style="color:#ff0000">不過一定要注意 這裏給getJson(key)傳的參數的key值一定是</span>
"name"或
"age"或
"profession" 
getJson("name") "name") 

 


</script>

 

<span style="color:#333333">下面爲自己寫的小案例,可以借鑑一下</span>

 
<script>  // 1 通過eval('json.'+k);這種方法動態的遍歷json  var getJson = function(k){  var json = {"a":1,"b":2,"c":3,"d":4,"e":5};  return eval('json.'+k);  };  console.log(getJson("a"));  // 2 遍歷json獲取其屬性  var getJson1 = function(k){  var json = {"a":1,"b":2,"c":3,"d":4,"e":5};  for(var item in json){  if(item == k){  return json[item];  }  };  };  console.log(getJson1("a"));  // 3 直接獲取 這是一種很有效的方法不錯  var getJson2 = function(k){  var json = {"a":1,"b":2,"c":3,"d":4,"e":5};  return json[k];  };  console.log(getJson2("a"));

 


當然案例中的json都是從後臺獲取的,這裏只是寫了一個小案例

 

<span style="color:#333333">通過上邊三種方法就可以取到json中key對應的值</span>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章