如何移除类数组对象的索引并转换为标准数组以正常使用map函数？

嘿，看起来你是想把这个带数字索引的类数组对象转换成真正的数组，这样就能顺畅使用map()这类数组方法了对吧？别发愁，这事儿其实很容易搞定～

首先得明确：你现在手里的obj本质是个类数组对象——它的键是连续的数字索引，结构看着像数组，但它还是个普通对象，所以没法直接调用数组的map方法。

你提到已经试过Object.values()，这其实就是最直接的解决方案！它会直接提取对象里的所有值，把它们打包成一个标准数组，正好符合你想要的结果。

来看看具体怎么操作：

第一步：用Object.values()转换 #

先看你的原始类数组对象：

const obj = {
  0: {
    name: 'item1',
    slug: 'slug1',
    price: 64,
    featured_image: null,
    onSale: undefined,
    // ...其他属性
  },
  1: {
    name: 'item2',
    slug: 'slug2',
    price: 64,
    featured_image: null,
    onSale: undefined,
    // ...其他属性
  },
  2: {
    name: 'item3',
    slug: 'slug3',
    price: 64,
    featured_image: null,
    onSale: undefined,
    // ...其他属性
  }
};

执行转换代码：

// 把对象的所有值提取成标准数组
const arr = Object.values(obj);

第二步：正常使用map方法 #

现在arr就是你想要的标准数组了，直接调用map完全没问题：

const processedItems = arr.map(item => {
  // 这里写你的处理逻辑，比如格式化价格或者处理图片
  return {
    ...item,
    formattedPrice: `$${item.price}`
  };
});

console.log(processedItems);

补充：其他可选方法 #

如果你遇到的类数组对象带有length属性（比如DOM元素集合），也可以用Array.from(obj)来转换，但你的情况里obj没有length，所以Object.values()是最简洁的选择。另外也可以通过Object.keys()配合map来实现，但步骤会多一点：

const arr = Object.keys(obj).map(key => obj[key]);

要是你之前用Object.values()没成功，不妨检查一下是不是对象里还有其他非数字索引的键？如果有的话，可以先过滤掉不需要的键再提取值，但从你的例子来看，应该不存在这个问题～

备注：内容来源于stack exchange，提问作者murdock_