如何隐藏按钮中价格的末尾12位数字？（JSON API场景）

你可以通过字符串截断的方式隐藏价格末尾12位数字，核心是把获取到的价格转为字符串后，截取前半部分并添加标识（比如省略号）来替代被隐藏的内容。修改后的代码如下：

<script>
    fetch('https://free-api.vestige.fi/asset/467518794/price')
      .then(res => res.json())
      .then(data => {
        // 将价格转为字符串，兼容API返回的数字或字符串类型
        const priceStr = data.price.toString();
        // 处理价格长度：超过12位则截断末尾12位并加省略号，否则直接显示原内容
        const truncatedPrice = priceStr.length > 12 
          ? priceStr.slice(0, -12) + '...' 
          : priceStr;
        const markup = `<a>${truncatedPrice}</a>`;
        document.querySelector('button').insertAdjacentHTML('beforeEnd', markup);
      })
      .catch(error => console.log(error));
</script>

关键说明： #

• 统一字符串处理：用toString()确保不管API返回的是数字还是字符串格式的价格，都能进行截断操作。
• 截断逻辑：slice(0, -12)会从字符串开头截取到倒数第12位之前的部分；加入长度判断是为了避免短价格也显示省略号，更符合实际展示需求。
• 隐藏标识：'...'用来明确提示用户有内容被隐藏，你也可以根据需求替换成其他符号（比如'****'），如果不需要标识，直接去掉+ '...'即可。

内容的提问来源于stack exchange，提问作者user54097