三种方法 js 中从JSON中取出某个属性的值

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

function getJson(key){ 

 var jsonObj={"name":"傅红雪","age":"24","profession":"刺客"}; 
 

 //1、js使⽤eval⽅法读取json值

 var eValue=eval('jsonObj.'+key); 
 alert(eValue); 
 
 
 //2、js遍历Json串获取其属性
 for(var item in jsonObj){ 
  if(item==key){ //item 表⽰Json串中的属性，如'name' 
   var jValue=jsonObj[item];//key所对应的value 
   alert(jValue); 
  } 
 } 
 
 
 //3、js直接获取json值
 alert(jsonObj[''+key+'']); 
} 
 

<script>
   let aa =  {
        '1': 'primary',
        '2': 'warning',
        '3': 'success',
        '4': 'danger',
    }[1];
 
 
   let person =  {
       'name': 'primary',
       'age': 'warning',
       '3': 'success'
    }['age'];
    document.getElementById("bb").innerHTML = person
</script>
 

</script>

使用示例：

<el-table-column
    label="状态"
    width="96"
    show-overflow-tooltip
    align="center"
    class-name="state-col">
    <template slot-scope="scope">
        <el-tag
            :type="({
                '1': 'primary',
                '2': 'warning',
                '3': 'success',
                '4': 'danger',
            })[scope.row.state]">
            {{ ({
                '1': '未开始',
                '2': '进行中',
                '3': '已完成',
                '4': '创建失败'
            })[scope.row.state] }}
        </el-tag>
    </template>
</el-table-column>