How to return data outside of async

Question

Im trying to change the value of a variable outside a map but i need the map to be an async so that i can use the await but it seemed after the map its not changing the value here is my code

let firstFilter = []
    Object.keys(filter).map(async(key, index)=>{
        if (index == 0) {
            options.push(where(key,'in',filter[key]))
            const q = query(collection(db, "Videos"),...options);
            const querySnapshot = await getDocs(q);
            const documents = querySnapshot.docs.map((doc) =>({ key_id: doc.id, ...doc.data() }));
            firstFilter.push(documents)
        }else{
            var number = firstFilter.filter((item,indexM)=>{
                if (filter[key].includes(item[key].toString())) {
                    return item
                }
            })
            firstFilter = number
        }
        options=[]
    })
    console.log("no data outside async", firstFilter);