如何在JavaScript中遍历数组并移除对象指定属性

你目前已经能通过对象解构移除单个对象的指定属性，但要批量处理整个数组（或类数组对象）里的所有元素，用Array.map()方法就能实现遍历并统一处理：

情况1：原始数据是纯数组 #

如果bookedSlots是标准数组，直接遍历每个元素做解构处理：

const filteredSlots = bookedSlots.map(slot => {
  const { url, booking_created, booking_date, student_id, student_name, ...sendEvent } = slot;
  return sendEvent;
});

处理后filteredSlots里的每个对象都会移除url、booking_created等指定属性，结构和你处理第一个元素的结果一致。

情况2：原始数据是类数组对象 #

从你提供的原始数据来看，它是带数字键的类数组对象（不是标准数组），需要先用Object.values()转成纯数组再处理：

// 先转换为标准数组
const slotArray = Object.values(bookedSlots);
// 批量处理每个元素
const filteredSlots = slotArray.map(slot => {
  const { url, booking_created, booking_date, student_id, student_name, ...sendEvent } = slot;
  return sendEvent;
});

优化：封装处理逻辑（复用性更好） #

如果需要多次处理这类数据，可以把解构逻辑封装成独立函数：

function filterSlot(slot) {
  const { url, booking_created, booking_date, student_id, student_name, ...sendEvent } = slot;
  return sendEvent;
}

// 处理纯数组
const filteredSlots = bookedSlots.map(filterSlot);
// 处理类数组对象
const filteredSlots = Object.values(bookedSlots).map(filterSlot);

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