如何获取cars对象数组中的最低data-price值与平均data-price值？

看起来你已经在遍历cars数组打印价格了，接下来咱们把这些价格提取出来，计算最低值和平均值就很简单啦。这里分几步来实现：

1. 先把所有价格提取并转为数字类型 #

首先要注意，getAttribute('data-price')返回的是字符串，直接用来计算会出问题（比如字符串拼接而非数值相加），所以必须先转成数字。另外看你代码里用了element[0]，应该是cars里的每个元素是包含<li>的子数组？如果直接是<li>节点的话，把element[0]改成element就行。

代码示例：

// 提取所有价格并转为数字数组
const prices = cars.map(element => {
  const priceString = element[0].getAttribute('data-price');
  // 转成Number类型，确保后续计算是数值运算
  return Number(priceString);
});

2. 计算最低价格 #

用Math.min()就能轻松搞定，不过要把价格数组展开成参数传递给它：

const lowestPrice = Math.min(...prices);
console.log('最低价格:', lowestPrice);

如果你的环境不支持ES6扩展运算符（...），可以用apply替代：

const lowestPrice = Math.min.apply(null, prices);

3. 计算平均价格 #

先通过reduce算出总价，再除以价格的数量就行，记得要处理空数组的情况（避免除以0导致NaN）：

if (prices.length === 0) {
  console.log('没有可计算的价格数据');
} else {
  // 计算总价
  const totalPrice = prices.reduce((sum, currentPrice) => sum + currentPrice, 0);
  // 计算平均值，toFixed(2)可以保留两位小数，让结果更友好
  const averagePrice = (totalPrice / prices.length).toFixed(2);
  console.log('平均价格:', averagePrice);
}

完整整合代码 #

把上面的步骤合在一起，就是完整的解决方案：

// 假设cars是你的目标数组
const prices = cars.map(element => {
  const priceString = element[0].getAttribute('data-price');
  return Number(priceString);
});

// 计算最低价格
const lowestPrice = Math.min(...prices);
console.log('最低价格:', lowestPrice);

// 计算平均价格
if (prices.length > 0) {
  const totalPrice = prices.reduce((sum, currentPrice) => sum + currentPrice, 0);
  const averagePrice = (totalPrice / prices.length).toFixed(2);
  console.log('平均价格:', averagePrice);
} else {
  console.log('未找到任何价格数据');
}

几个关键点提醒 #

• 必须转数字：字符串类型的价格无法正确参与数值计算，一定要用Number()或者parseFloat()转换。
• element[0]的适配：如果cars里的每个元素直接是<li>DOM节点，把element[0]替换成element即可。
• 空数组处理：如果搜索结果为空，prices数组也会是空的，这时候加个判断能避免控制台报错。

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