Array bị undefined trong JS

[Duc_Nguyen_Minh1 (Đức Nguyễn Minh)]

Cho em hỏi một chút ạ, đầu tiên em fetch từ trang web có sẵn để lấy dữ liệu có dạng là một object, sau đó em truyền dữ liệu vào mảng đã tạo sẵn để lưu trữ dữ liệu đã lấy ra.nhưng khi em console.log ra một phần tử bất kì trong mảng thì nó lại hiện ra undefined.

const question = [];
async function postData(url = "") {
     const response = await fetch(url, {
     method: 'POST', // *GET, POST, PUT, DELETE, etc.
        headers: {
            'Content-Type': 'application/json'
                // 'Content-Type': 'application/x-www-form-urlencoded',
        },
    });
    return response.json(); // parses JSON response into native JavaScript objects
}

function new_object(data) {
    for (let i = 0; i < Object.keys(data).length; i++) {
        //truyen du lieu vao array da tao
        question.push(data.questions[i].text);
    }
}
postData("https://wpr-quiz-api.herokuapp.com/attempts").then(new_object);
console.log(question[1]);

Nếu nhập console.log(question) thì nó hiện ra như sau nhưng nếu mà nhập như trên thì nó lại ra undefined ạ. Vậy cho em hỏi là nó bị vấn đề gì ạ và làm thế nào để giải quyết ạ, em xin cảm ơn.

[qloved (Quân)]

@Duc_Nguyen_Minh1

for (let i = 0; i < Object.keys(data).length; i++) { 
   //truyen du lieu vao array da tao 
   question.push(data.questions[i].text); 
}

postData(“https://wpr-quiz-api.herokuapp.com/attempts”).then(new_object);
console.log(question[1]);`

Bạn có biết mình đang viết cái gì không

[superthin (Vô Thin)]

@Duc_Nguyen_Minh1

`const question = [];

Khai báo này rồi làm sao thay đổi giá trị của nó được nhỉ?

[Milo]

JS mảng động mà bác, ban đầu khai báo mảng rỗng sau đó push vào sau. Em cũng mới hỏi vấn đề này luôn:

Tại sao mảng trong JavaScript không cố định kích thước?

Xin chào các bạn, Trong java, C# khi khai báo mảng thì mảng đó sẽ có kích thước cố định không thể thay đổi được. Muốn sử dụng mảng động phải dùng List đối với C# hoặc ArrayList đối với java. Còn trong JavaScript mặc dù khai báo mảng như này: const arr = [1,2,3] nhưng lại sử dụng giống ArrayList thông qua các method arr.push(4), array.pop(). Nhờ các bạn giải thích giúp. Xin cảm ơn!

Như này mới không được vì a là constant

const a = [];
a = [];

còn như này vẫn đảm bảo giá trị a không thay đổi:

    const a = [];
    a.push(99);
    a.push(88);
    console.log(a);  // [99,88]

[Duc_Nguyen_Minh1 (Đức Nguyễn Minh)]

Em thử đổi từ const sang let rồi nhưng mà kết quả nó vẫn thế ạ, với lại nếu em console.log ở trong function new_object thì kết quả vẫn hiện ra nhưng khi em console.log ở ngoài function ấy thì kết quả nó mới ra undefined ạ

[Milo]

Bạn xem lại về bất đồng bộ trong javascript.

console.log(question[1]) là đồng bộ nên chạy trước (lúc này mảng question chưa có dữ liệu nên gọi question[1] ra undefined là đúng rồi. postData là hàm bất đồng bộ nên trả kết quả sau.

Câu hỏi phỏng vấn javascript

Em chào anh/chị, Em đã học javascript được 2 tháng, anh chị có thể đóng vai HR phỏng vấn em một vài câu hỏi liên quan đến javascript để em review lại kiến thức được không? Cũng như để em kiểm tra lại xem có mất gốc và vững căn bản chưa. Em xin được trả lời mọi câu hỏi liên quan đến javascript mà không tra google ạ. Em nghĩ chắc cũng có nhiều người cùng câu hỏi, mong là topic này được SEO trang 1 công cụ tìm kiếm. Em cam ơn!

Node JS sẽ chạy code như nào khi nhận nhiều request một lúc?

var express = require('express') var app = express() var myLogger = function (req, res, next) { console.log('LOGGED') next() } app.use(myLogger) app.get('/', function (req, res) { res.send('Hello World!') }) app.listen(3000) chào mọi người mình đang gặp khó với 2 câu hỏi không biết search kiểu gì? vấn đề đầu tiên , mình mới học code server, trước mình chỉ code giải các bài toán thì logic run code sẽ là chạy từ trên xuống dưới, trái qua phải , 1 chương trình khi đó sẽ có 3 phần: kh…

Liệu bất đồng bộ chỉ hiệu quả với 2 công việc bất đồng bộ trở lên?

từ khóa “bất đồng bộ” là cái gì đó mà khiến rất nhiều newbie focus vào, trong khi nó chẳng có ý nghĩa gì nhiều với javascript cả, nó là một keywork chung chung chứ không riêng gì js cái thật sự cần quan tâm là event driven hay event loop hay call stack, job queue các kiểu thì chả ai nhắc. hậu quả là rất nhiều topic như thế này

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

Khai báo const thì không thể thay đổi giá trị, nói câu này nó không được chính xác lắm
Khai báo const thì không thể re-assign (gán lại giá trị) cho biến
Gọi method push không thành vấn đề

[superthin (Vô Thin)]

@kisuluoibieng

Khai báo const thì không thể re-assign (gán lại giá trị) cho biến

Cám ơn bạn đã khai thông. JavaScript thì rách việc thật chứ. Có lẽ mình sẽ phải đọc thêm về JavaScript mới được vì mình hiểu const mang = []; nghĩa là mảng này đã có giá trị “empty” = không thể re-assign cho nó

Còn trở lại bài kia, thử:

(new_object).then(question => {
    console.log(question[1]);
})

[Skyfall (Vesper Link)]

response.json() là promise nên chổ return trong cái hàm đầu tiên sửa lại thành:

return await response.json()

Call hàm sửa lại thành:

new_object(postData("https://wpr-quiz-api.herokuapp.com/attempts"))

Mình cung cấp solution mì ăn liền cho bạn, hi vọng bạn tìm hiểu thêm để rõ cơ chế của asynchronous, promise