2.头部鼠标移入 默认排序 均价等高亮（只有一个高亮） 3.正确定义home.js 数据文件 文件格式为 数组嵌套对象 并按照页面要求自定义对象数据 4.内容部分进行页面渲染 页面渲染禁止使用for循环（使用数组方法 map） 5.点击均价 查询出最高价格的数据显示 使用js

2. 头部鼠标移入时，高亮显示默认排序和均价。您可以使用JavaScript来实现此功能。首先，您需要为头部元素添加一个鼠标移入事件监听器，然后在事件处理函数中添加代码来高亮相关元素。例如：

const defaultSortElement = document.getElementById('defaultSort');
const averagePriceElement = document.getElementById('averagePrice');

defaultSortElement.addEventListener('mouseenter', () => {
  defaultSortElement.style.backgroundColor = 'yellow';
});

averagePriceElement.addEventListener('mouseenter', () => {
  averagePriceElement.style.backgroundColor = 'yellow';
});

请确保将代码中的 `defaultSort` 和 `averagePrice` 替换为实际的元素ID。

3. 正确定义 `home.js` 数据文件，并按照页面要求自定义对象数据。您可以使用数组嵌套对象的格式来定义数据。例如：

const data = [
  {
    id: 1,
    name: 'Product 1',
    price: 10
  },
  {
    id: 2,
    name: 'Product 2',
    price: 20
  },
  // 其他对象数据...
];

您可以根据页面的具体需求定义更多的属性和对象。

4. 使用 `map` 方法进行内容部分的页面渲染，禁止使用 `for` 循环。您可以使用JavaScript的 `map` 方法来遍历数据数组，并生成对应的HTML元素。例如：

const contentElement = document.getElementById('content');

const renderedHTML = data.map(item => `
  <div>
    <h3>${item.name}</h3>
    <p>Price: ${item.price}</p>
  </div>
`).join('');

contentElement.innerHTML = renderedHTML;

请确保将代码中的 `data` 和 `content` 替换为实际的数据和内容元素ID。

5. 点击均价时查询出最高价格的数据并显示。您可以为均价元素添加点击事件监听器，并在事件处理函数中编写代码来查询最高价格的数据并进行显示。例如：

averagePriceElement.addEventListener('click', () => {
  const highestPriceData = data.reduce((maxPriceData, currentData) => {
    return currentData.price > maxPriceData.price ? currentData : maxPriceData;
  });

  console.log(highestPriceData); // 或者根据需求进行其他操作
});

以上代码将在控制台打印出具有最高价格的数据对象。您可以根据实际需求进行进一步的处理和显示。

请注意，以上代码仅为示例，具体实现可能需要根据您的页面结构和需求进行适当的修改。