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



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. const findMin = list => list.reduce((min, value) => Math.min(min, value))

  4. Video rất hay, em cảm ơn anh 😀

  5. 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) ạ ?

  6. 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))

  7. giờ mới biết kênh của bác, giải thích rất dễ hiểu

  8. Cám ơn anh. Video hay lắm ạ

  9. Rất clear dễ hiễu nữa, các bài của a dạy rất hiệu quá

  10. mong anh ra video về bất đồng bộ trong Js

  11. 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

  12. Em có thẻ inbox Facebook cho anh để hỏi anh các vấn đề về Javascript không ạ

  13. hay quá a ơi.Hi vọng a ra clip về callback :)))))

  14. 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 ạ

  15. 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'.

  16. anh có thể chỉ em cách cài nút run anh nhắc trong video ko ạ. Em cảm ơn!

  17. Anh cho em xin 1 số tài liệu và bài tập tương ứng về JavaScript được không anh?

Leave a Reply

Your email address will not be published. Required fields are marked *