<script type="text/javascript"> 
 getJson('age'); 
function getJson(key){ 
 var jsonObj={"name":"傅红雪","age":"24","profession":"刺客"}; 

 //1、使⽤eval⽅法
 var eValue=eval('jsonObj.'+key); 
 alert(eValue); 


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


 //3、直接获取
 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>