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>