时间戳

首页 > 解决方案 > JavaScript - 如何删除对象数据中的引号

javascript - JavaScript - 如何删除对象数据中的引号

问题描述

这是我的 JSON：

var userDetailsObj = {
   data: {
      homesize: {
         id: "",
         details: ""
      },
      floors: {
         id: "",
         details: ""
      },
      internetPlan: {
         id: "",
         details: ""
      },
      devices: {
         id: "",
         details: ""
      },
   }
}

但是当我尝试在pre标签中打印它时，引号也会被打印出来。

HTML：

<div class="btn-group padded">
  <pre id="dataSummary1" style="margin-right: 0.5rem;" class="btn fnt-size btn-lg btn-outline-primary uniform-btns">
   </pre>
   <pre id="dataSummary2" class="btn cntr-text btn-lg btn-outline-primary uniform-btns">
   </pre>
</div>
<div class="btn-group padded">
   <pre id="dataSummary3" style="margin-right: 0.5rem;" class="btn cntr-text btn-lg btn-outline-primary uniform-btns">
   </pre>
   <pre id="dataSummary4" class="btn btn-lg btn-outline-primary cntr-text uniform-btns">
   </pre>
</div>

JS代码：

function replaceData(obj){
   document.getElementById('dataSummary1'). innerHTML = '<h4> ' + JSON.stringify(obj.data.homesize.details) + '</h4>';

..... }

有什么办法可以去掉引号？

编辑：我说的是“”。

标签： javascripthtmljson

解决方案

替换JSON.stringify(obj.data.homesize.details)为obj.data.homesize.details

var userDetailsObj = {
  data: {
    homesize: {
      id: "",
      details: "Hi"
    },
    floors: {
      id: "",
      details: ""
    },
    internetPlan: {
      id: "",
      details: ""
    },
    devices: {
      id: "",
      details: ""
    },
  }
}

function replaceData(obj) {
  document.getElementById('dataSummary1').innerHTML = '<h4> ' + obj.data.homesize.details + '</h4>';
}

replaceData(userDetailsObj);
<div class="btn-group padded">
  <pre id="dataSummary1" style="margin-right: 0.5rem;" class="btn fnt-size btn-lg btn-outline-primary uniform-btns">
   </pre>
  <pre id="dataSummary2" class="btn cntr-text btn-lg btn-outline-primary uniform-btns">
   </pre>
</div>
<div class="btn-group padded">
  <pre id="dataSummary3" style="margin-right: 0.5rem;" class="btn cntr-text btn-lg btn-outline-primary uniform-btns">
   </pre>
  <pre id="dataSummary4" class="btn btn-lg btn-outline-primary cntr-text uniform-btns">
   </pre>
</div>

推荐阅读