Javascript 向从api响应获取的字符串添加其他字符

我得到了一个api响应的形式

{
    "mobile": [
        {
            "resolution": "S240p",
            "url": "Sample_url1"
        },
        {
            "resolution": "M360p",
            "url": "Sample_url2"
        },
        {
            "resolution": "HD720p",
            "url": "Sample_url3"
        }
    ]
}

然而，从前端我需要将其显示为S:240p而不是S240p，下面是React中的代码，是否有任何方法可以从前端实现这一点

Mobile.js

isMobile ? dpi_url && 
    dpi_url.mobile.map((value, index) => (
       <Link
            download
            onClick={this.downloadModal}
            href={value.url}
         >                         
         <div className="url_name" key={index}>
            {value.resolution}
         </div>
      </Link>                           
    ))
 : null

Mobile.js
伊斯莫比尔？新闻部网址&&
dpi_url.mobile.map（（值，索引）=>(
{value.resolution}
))
：null

---

预期结果应为S:240p，但我得到的是S240p

您可以使用str.search和regex查找第一个数字的索引，然后使用substr方法根据需要拆分字符串：

const digitIndex = value.resolution.search(/\d/);
const formattedResolution = value.resolution.substr(0,digitIndex)+": "+value.resolution.substr(digitIndex);

然后显示它：

<div className="url_name" key={index}>
            {formattedResolution}
 </div>

{格式化解析}

let mobile=[{分辨率：“S240p”，url:“Sample_url1”}，{分辨率：“M360p”，url:“Sample_url2”}，
{决议：“HD720p”，网址：“Sample_url3”}]
设formatted=mobile.map（value=>{const sep=isNaN（parseInt（value.resolution[1]）？`${value.resolution[1]}:${value.resolution[1]}`；返回`${value.resolution[0]}${sep}${value.resolution.substring（2，value.resolution.length）`}）
console.log（格式化）

aravind_reddy:Hi已更新我的查询，因为上一个查询中几乎没有错误，我想显示S:240p、M:360p和HD:720p。Phi已更新我的查询，因为上一个查询中几乎没有错误，我想显示S:240p、M:360p和HD:720p