如何在JavaScript/ReactJS中替换JSON字符串的第二个子串实例

以下是两种可行的实现方式，均基于JavaScript环境：

方法一：正则表达式+回调计数 #

利用replace的回调函数统计匹配次数，仅替换第二次出现的目标子串：

const jsonStr = '你的目标JSON字符串';
const target = 'pw.alert.timestamp.iso';
let matchCount = 0;

const processedStr = jsonStr.replace(new RegExp(target, 'g'), (match) => {
  matchCount++;
  return matchCount === 2 ? '你的替换内容' : match;
});

方法二：字符串拆分重组 #

将原字符串按目标子串分割后，重组时替换第二个实例：

const jsonStr = '你的目标JSON字符串';
const target = 'pw.alert.timestamp.iso';
const splitParts = jsonStr.split(target);

let processedStr = jsonStr;
// 确保存在至少两个目标子串实例
if (splitParts.length >= 3) {
  processedStr = `${splitParts[0]}${target}${splitParts[1]}你的替换内容${splitParts.slice(2).join(target)}`;
}

更可靠的方案：解析JSON对象后修改 #

如果JSON结构固定，建议先解析为对象，直接定位到对应字段修改，避免字符串操作的潜在风险：

const jsonStr = '你的目标JSON字符串';
const jsonObj = JSON.parse(jsonStr);
const target = 'pw.alert.timestamp.iso';
let matchCount = 0;

// 遍历attachments中的blocks，定位第二个包含目标子串的文本
for (const block of jsonObj.attachments[0].blocks) {
  if (block.text?.text?.includes(target)) {
    matchCount++;
    if (matchCount === 2) {
      block.text.text = block.text.text.replace(target, '你的替换内容');
      break;
    }
  }
}

const processedStr = JSON.stringify(jsonObj);

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