Javascript: reduce() trong javascript qua ví dụ đơn giản 😊

19
4



Trong video này mình sẽ giải thích cách hoạt động cũng như sử dụng hàm reduce() qua các ví dụ như:
– Tính tổng mảng số
– Tìm từ dài nhất
– Chuyển mảng sang object

Cuối video là phần bài tập cho các bạn thực hành.
Hãy làm để thực sự hiểu bài nhé 😉
Sau khi làm xong để thể post lên bình luận, mỗi bình luận một bài, mình sẽ review giúp cho nhé hehe

Nếu có gì khó hiểu bạn hãy bình luận bên dưới để mình giải thích lại nha 🙂

Link tham khảo:
– Hàm reduce():
– Code Runner:
– File code trong video:

#javascript #reduce #easyfrontend

—–
💻 Easy Frontend 🎉

Nơi kiến thức lập trình web frontend (html/css/javascript/reactjs) được chia sẻ một cách đơn giản, dễ hiểu mà đặc biệt là vui 😊 Với những tài liệu (tutorial) được biên soạn một cách kĩ lưỡng để giúp các bạn developer mới có thể nắm bắt vấn đề một cách nhanh chóng và hiệu quả. Từ đó nâng dần khả năng coding của các bạn lên theo thời gian.

❤️ Ủng hộ mình làm videos thì góp 5k tại đây nhé:
– Ủng hộ tôi:
– MoMo/ZaloPay: 0901 309 729

Kết nối với mình:
– 🎉Facebook:
– 💻Github:
– 💼 LinkedIn:

Nguồn: https://suamaybomnuoctphcm.com/

Xem thêm bài viết khác: https://suamaybomnuoctphcm.com/tong-hop/

19 COMMENTS

  1. Cảm ơn tất cả các bạn đã xem video của mình. 🥰
    Hãy làm bài tập cuối video để thực sự hiểu bài nhé 😉
    Bạn có thể bình luận bài giải, mình sẽ review giúp cho nhé, mỗi bình luận một bài thôi cho dễ review nhé!
    Nếu bạn thích videos về lập trình frontend thì subscribe kênh của mình để nhận thông báo khi có video mới hen 😍

  2. const itemList = [

    {id: 'key1', value:'Superman'},

    {id: 'key2', value:'Superman2'},

    {id: 'key3', value:'Superman3'},

    ]

    const arrayToObject = () => {

    return itemList.reduce((itemMap,item) =>{

    itemMap[item.id] = item.value;

    return itemMap;

    },{});

    };

    console.log(arrayToObject(itemList));
    Anh ơi trong ví dụ của anh, chỗ này const arrayToObject = (itemList), nếu e xóa item List đi thì code vẫn chạy, vậy sao mình phải thêm (itemList) z anh ?

  3. e gặp một vấn đề như thế này:

    var fields;

    fields = document.querySelectorAll(DOMstring.inputDescription +',' + DOMstring.inputValue);

    Array.prototype.slice.call(fields) => trả về mảng;

    nhưng tại sao không có 'this' hay null, undefiend ở Array.prototype.slice.call(**null**, fields) ạ ?

  4. Mình làm bài 3 như này, bạn review giúp mình nhé
    const itemMap = {

    key1: 'superman',

    key2: 'batman',

    key3: 'spider man'

    }

    const objectToArray = (objectItem) => {

    return Object.keys(objectItem).reduce((itemArray,item)=>{

    return […itemArray,{id: item, value: objectItem[item]}]

    },[])

    }

    console.log(objectToArray(itemMap))

  5. Mong anh hậu review ạ :v
    Bài 1 : https://repl.it/repls/WelltodoGraciousStatistic
    Bài 2 : https://repl.it/repls/AuthenticAridCopyright
    Bài 3 : https://repl.it/repls/DeficientPessimisticArtificialintelligence

  6. anh cho em hỏi bài 3 với ạ chuyển obj thành array ấy anh .Em ms chỉ chuyển được thành 1 mảng chứa các key còn mảng chứa các cặp key -value thì mong anh giải đáp ạ

  7. Chào anh, em xin được góp ý, các video lần sau anh nên đặt tên cho tiêu đề video cho người xem dễ tìm kiếm hơn anh ạ.
    Chẳng hạn như video này em nghỉ nên thêm chữ 'javascript'.

LEAVE A REPLY

Please enter your comment!
Please enter your name here