Lỗi đảo ngược mảng bằng hàm reverse() JS

[ABCDEFGH1 (An Tùng)]

Xin chào,

let arr = [];
db.collection("NAME").get().then((querySnapshot) => {
    querySnapshot.forEach((doc) => {
        arr.push(doc.id);
    })
})
arr.reverse(); // vẫn theo thứ tự push (không bị đảo ngược)

biến arr đã lấy được dữ liệu từ server rồi nhưng lại không reverse() được ạ, Hàm bên trên là lấy data từ firebase !

Em cảm ơn

[kisuluoibieng (Tên Gì Cũng Được)]

sao bạn biết nó không reverse được?
sao bạn không thử console.log arr trước và sau reverse xem?

[ABCDEFGH1 (An Tùng)]

dạ em đã console.log() trước và sau dùng hàm reverse() rồi ạ (em thu gọn lại để up code lên daynhauhoc) em đã đối chiếu với data trên database luôn rồi a, hiện tại em fix bằng cách thay arr.push() bằng arr.unshift()

[rogp10]

Vì câu lệnh thứ 3 arr.reverse() chạy trước rồi CSDL trả kq về thì lambda trong then nó mới chạy. Gộp reverse vào callback thôi.

[kisuluoibieng (Tên Gì Cũng Được)]

@ABCDEFGH1

dạ em đã console.log() trước và sau dùng hàm reverse() rồi ạ

và kết quả trước và sau như thế nào?

[library (La biblioteca)]

To @ABCDEFGH1: tớ nghĩ @rogp10 đúng đó. Cậu thử làm theo lời cậu ấy xem?

let arr = [];
db.collection("NAME").get().then((querySnapshot) => {
    querySnapshot.forEach((doc) => {
        arr.push(doc.id);
    })
    arr.reverse();
})

[ABCDEFGH1 (An Tùng)]

@rogp10 @library tại sao lại như vậy a? cho em hỏi vấn đề thứ tự chạy này liên quan đến kiến thức nào để e học lại a. Cho em xin keyword với

[utherpally]

Keyword nè: js asynchronous

[TranMinhHoang (Trần Minh Hoàng)]

db.collection(“NAME”).get().then((querySnapshot) => { querySnapshot.forEach((doc) => { arr.push(doc.id); })

Do hàm này chờ lâu quá nên nên arr.reverse() chạy trước

[library (La biblioteca)]

db.collection("NAME").get().then(doSomethingIfDataExist)

Ở lệnh trên, doSomethingIfDataExist callback sẽ được thực hiện asynchronously với thread mà cậu đã gọi.

Ở code đầu tiên của cậu:

@ABCDEFGH1

let arr = [];
db.collection("NAME").get().then((querySnapshot) => {
    querySnapshot.forEach((doc) => {
        arr.push(doc.id);
    })
})
arr.reverse(); // vẫn theo thứ tự push (không bị đảo ngược)

Ở góc nhìn của main process, cậu cơ bản làm điều này:

1. Cậu khởi tạo mảng arr
2. Nhờ database object lấy kết quả về từ database, dặn nó nếu lấy về thì đưa dữ liệu vào arr hộ.
3. Cậu reverse mảng arr mà không quan tâm database object đã làm xong việc chưa.

Kết quả là cậu reverse mảng arr khi nó chẳng có gì (vì DB object chưa xong việc).

Ở code này:

let arr = [];
db.collection("NAME").get().then((querySnapshot) => {
    querySnapshot.forEach((doc) => {
        arr.push(doc.id);
    })
    arr.reverse();
})

Lại từ quan điểm của main process:

1. Cậu khởi tạo mảng arr
2. Nhờ database object lấy kết quả về từ database, dặn nó nếu lấy về thì đưa dữ liệu vào arr hộ, xong xuôi rồi reverse array đó hộ dùm.
3. Cậu ngồi chơi

Kết quả là database object giúp cậu làm hết việc khó, bao gồm cả lấy dữ liệu, để nó vào mảng, rồi lộn mảng đó lại.

Hope it helps!