遍历产品数组忽略索引，如何提取指定字段值？

嘿，我明白你现在的困扰——能遍历数组打印每个产品条目，但就是拿不到product-name和product-url的值对吧？别着急，咱们一步步来解决：

先搞懂为啥点表示法用不了 #

你提到用点表示法（比如product.product-name）取不到值，这是因为键名里有连字符，JavaScript会把它当成减号运算，所以这种带特殊字符的键名，必须用方括号表示法：product['product-name']，这是第一个要注意的点～

两种提取目标值的实用方法 #

假设res.data.CO确实是产品对象组成的数组，这里给你两种靠谱的实现方式：

方法一：用forEach收集值（灵活可控） #

如果需要边遍历边做一些额外判断（比如过滤空值），用forEach很合适：

var products = res.data.CO;
const productNames = [];
const productUrls = [];

products.forEach((product) => {
  // 用方括号获取带连字符的键值
  const name = product['product-name'];
  const url = product['product-url'];
  
  // 可选：只添加非空的值，避免数组里出现undefined
  if (name) productNames.push(name);
  if (url) productUrls.push(url);
  
  // 直接打印单个值也没问题
  console.log('当前产品名:', name);
  console.log('当前产品链接:', url);
});

// 最后查看所有收集到的结果
console.log('所有产品名:', productNames);
console.log('所有产品链接:', productUrls);

方法二：用map生成目标数组（简洁高效） #

如果只是单纯要提取所有目标值的数组，map会更简洁直接：

var products = res.data.CO;

// 提取所有产品名数组
const allProductNames = products.map(product => product['product-name']);
// 提取所有产品链接数组
const allProductUrls = products.map(product => product['product-url']);

console.log('所有产品名:', allProductNames);
console.log('所有产品链接:', allProductUrls);

万一还是取不到？排查这一步！ #

如果按上面的方法还是拿不到值，大概率是键名和你想的不一样（比如拼写错误、大小写差异，或者值嵌套在更深的层级里）。你可以在遍历的时候打印产品对象的所有键，确认真实键名：

products.forEach((product) => {
  console.log('产品对象的所有键:', Object.keys(product));
});

比如打印出来如果是['ProductName', 'productUrl']，那你就需要对应调整键名啦～

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