js字符串改为 A:a B:b 的形式

需求：
  
把如下对象
{"乙烯":"6","甲烷":"9","二氧化碳":"2","一氧化碳":"6","乙烷":"3","氢气":"14","氧气":"11","氮气":"9","乙炔":"12"}

转为：

乙烯：6   甲烷： 9   二氧化碳：2   的形式。

写一个方法：

setFormat(val){
      if(val){
        console.log(val);  // {"乙烯":"6","甲烷":"9","二氧化碳":"2"}
        val = val.split('"');  // 使用分割函数去掉",生成一个数组。
        val = val.join("");  // 再使用聚合函数变成字符串  {乙烯:6,甲烷:9,二氧化碳:2}
        val = val.substr(1); //删除第一个字符：  乙烯:6,甲烷:9,二氧化碳:2}
        val = val.substr(0, val.length - 1);  //删除最后一个字符：   乙烯:6,甲烷:9,二氧化碳:2
        val = val.split(",")   // 在使用，分割生成一个数组：[ "乙烯:6", "甲烷:9", "二氧化碳:2"]
      }
      return val;
    },

在页面中这样写：

<template v-for="item in setFormat(alarmInfo.alarm_data)">
        <span>{{item.split(":")[0]}}</span>:
        <b style="color: red;">{{item.split(":")[1]}}</b> &nbsp;&nbsp;
 </template>

item.split(":")[0] : 使用“:”分割字符串，然后获取“：”前的字符串 

item.split(":")[1] : 使用“:”分割字符串，然后获取“：”后的字符串 

效果：