搜索JSON数据并以html格式显示

// 假设有一个包含JSON数据的变量 jsonData
var jsonData = {
  "employees": [
    {
      "firstName": "John",
      "lastName": "Doe",
      "email": "john@example.com"
    },
    {
      "firstName": "Jane",
      "lastName": "Smith",
      "email": "jane@example.com"
    }
  ]
};

// 搜索函数，根据条件查找JSON数据
function searchJSONData(jsonData, condition) {
  var results = [];
  
  // 遍历JSON对象
  for (var key in jsonData) {
    if (typeof jsonData[key] === 'object') {
      // 如果属性值是对象，则递归搜索
      results = results.concat(searchJSONData(jsonData[key], condition));
    } else {
      // 如果属性值是字符串，判断是否满足条件
      if (jsonData[key].toString().indexOf(condition) !== -1) {
        results.push(jsonData);
        break; // 可根据需求决定是否继续搜索
      }
    }
  }
  
  return results;
}

// 搜索条件
var searchCondition = "John";

// 调用搜索函数
var searchResults = searchJSONData(jsonData, searchCondition);

// 在页面上显示搜索结果
var resultContainer = document.getElementById("resultContainer");

for (var i = 0; i < searchResults.length; i++) {
  var resultDiv = document.createElement("div");
  resultDiv.innerHTML = "Name: " + searchResults[i].firstName + " " + searchResults[i].lastName + "<br>Email: " + searchResults[i].email;
  resultContainer.appendChild(resultDiv);
}