如何从JSON服务器数据中查找和替换动态in，并使用DOM中匹配的in进行更新

// 假设从服务器获取的JSON数据如下：
const jsonData = {
  "name": "John",
  "age": 30,
  "address": {
    "street": "123 Main St",
    "city": "New York",
    "state": "NY"
  },
  "interests": ["reading", "music", "sports"]
};

// 查找和替换动态"in"的函数
function findAndReplaceIn(obj) {
  for (let key in obj) {
    if (typeof obj[key] === "object") {
      findAndReplaceIn(obj[key]); // 递归处理嵌套的对象
    } else if (typeof obj[key] === "string" && obj[key].includes("in")) {
      obj[key] = obj[key].replace("in", "out"); // 替换字符串中的"in"
    }
  }
}

// 调用查找和替换函数
findAndReplaceIn(jsonData);

// 更新DOM中匹配的"in"
const element = document.getElementById("exampleElement"); // 假设有一个id为"exampleElement"的DOM元素
element.textContent = jsonData.name; // 更新元素的内容

// 注意：上述代码仅为示例，实际应用中可能需要根据具体情况进行适当的修改和扩展。