JS 文本内容仅设置为字符串的一部分

Question

由于 JSON 文件，我正在尝试设置元素的文本内容，但需要删除部分目标字符串。有谁知道如何在 Vanilla Javascipt 中做到这一点？我还在学习 JS，还没有开始 Jquery。

JSON 数据中的字符串如下所示：

“图像”：“Fashion_Yellow_Beach.jpg”。（我需要将 textContent 设为“Yellow Beach”），另一个对象将具有“图像”：“Architecture_On_a_hill.jpg”。（变成“在山上”）。

任何可以帮助我在网络上查找信息的帮助甚至关键字都会让我松一口气！

Answer 1

您可以使用 split, slice and join 的组合来实现您想要的。

点击上面的链接了解更多信息，但基本上：

str.split(separator) 将字符串转换为数组，按给定的分隔符拆分
arr.slice(start[, end]) 将提取数组的一部分
arr.join(separator) 将数组转换为字符串，并用分隔符连接它

console.log( cleanupFilename("Fashion_Yellow_Beach.jpg") );
console.log( cleanupFilename("Architecture_On_a_hill.jpg") );

function cleanupFilename(str) {
  return str            // "Fashion_Yellow_Beach.jpg"
         .split('.')[0] // "Fashion_Yellow_Beach"
         .split('_')    // ["Fashion", "Yellow", "Beach"]
         .slice(1)      // ["Yellow", "Beach"]
         .join(' ');    // "Yellow Beach"
}

JS 文本内容仅设置为字符串的一部分

JS textcontent set as only part of a string

javascript

json

populate