在Vuex应用中根据对象键值获取唯一数组的策略与实践

flightsClasses.reduce((acc, obj)=>{
  var exist = acc.find((flightClass) => obj.trip_class === flightClass ); // 问题所在
  if(!exist){
    acc.push(obj);
  }
  return acc;
},[]);

// 假设这是您的Vue组件或Vuex Getter
computed: {
    flights() {
        // 从Vuex store获取原始航班数据
        return this.$store.getters.getFlights;
    },
    flightsClassesUnique() {
        const allFlights = this.flights; // 获取原始数据，避免直接修改
        if (!allFlights || allFlights.length === 0) {
            return [];
        }

        // 使用 reduce 方法进行去重
        const uniqueFlights = allFlights.reduce((accumulator, currentObject) => {
            // 检查累加器中是否已存在具有相同 trip_class 的对象
            const exists = accumulator.find(
                (itemInAccumulator) => currentObject.trip_class === itemInAccumulator.trip_class
            );

            // 如果不存在，则将当前对象添加到累加器中
            if (!exists) {
                accumulator.push(currentObject);
            }
            return accumulator;
        }, []); // 初始累加器为空数组

        console.log('uniqueFlights:', uniqueFlights);
        return uniqueFlights;
    }
}

[
    {name: 'john', trip_class: 0, lastname: 'lastname'},
    {name: 'Don', trip_class: 1, lastname: 'lastname'},
    {name: 'Joshua', trip_class: 1, lastname: 'lastname'},
    {name: 'Mary', trip_class: 2, lastname: 'lastname'}
]

[
    {name: 'john', trip_class: 0, lastname: 'lastname'},
    {name: 'Don', trip_class: 1, lastname: 'lastname'},
    {name: 'Mary', trip_class: 2, lastname: 'lastname'}
]

computed: {
    flightsClassesUniqueByMap() {
        const allFlights = this.flights;
        if (!allFlights || allFlights.length === 0) {
            return [];
        }

        const uniqueMap = new Map();
        allFlights.forEach(flight => {
            // 使用 trip_class 作为 Map 的键，如果键不存在，则添加该对象
            if (!uniqueMap.has(flight.trip_class)) {
                uniqueMap.set(flight.trip_class, flight);
            }
            // 或者，如果总是想保留第一次出现的对象，直接 set 即可，Map会自动处理重复键
            // uniqueMap.set(flight.trip_class, flight);
        });

        // 将 Map 的值转换为数组
        return Array.from(uniqueMap.values());
    }
}

computed: {
    flightsClassesUniqueByFilter() {
        const allFlights = this.flights;
        if (!allFlights || allFlights.length === 0) {
            return [];
        }

        // 方法一：使用 filter 和 findIndex
        // 这种方法在大型数组上性能可能不如 Map，因为它每次都会查找原始数组
        return allFlights.filter((flight, index, self) =>
            index === self.findIndex((f) => f.trip_class === flight.trip_class)
        );

        // 方法二：使用 filter 和 Set (如果去重键是原始类型)
        // const seen = new Set();
        // return allFlights.filter(flight => {
        //     const duplicate = seen.has(flight.trip_class);
        //     seen.add(flight.trip_class);
        //     return !duplicate;
        // });
    }
}