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

24

Học javascript qua ví dụ đang là nội dung được rất nhiều bạn đọc tìm kiếm. Vậy nên hôm nay Điểm Tốt sẽ mang đến các bạn chủ đề Học javascript qua ví dụ | Javascript: reduce() trong javascript qua ví dụ đơn giản 😊 thông qua clip và bài viết dưới đây:



Mua khóa học này trên Unica: Mua Ngay

Mua khóa học này trên Kyna: Mua Ngay

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:

Tag: Học javascript qua ví dụ, reduce javascript, ví dụ hàm reduce trong javascript, học javascript cơ bản, tài liệu javascript cơ bản, javascript, javascript tutorial, javascript for beginner, học reduce qua các ví dụ, javascript reduce

Cảm ơn các bạn đã theo dõi nội dung Học javascript qua ví dụ | Javascript: reduce() trong javascript qua ví dụ đơn giản 😊. Điểm Tốt hy vọng đã giúp được bạn giải đáp được vấn đề, mọi thắc mắc hay comment xuống phía dưới.

Xem thêm: https://diemtot.net/category/bai-tap

24 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 😍

    Reply
  2. Bài 3 em giải như này ổn không anh?
    const item = {

    key1: 'HTML',

    key2: 'CSS',

    key3: 'JS'

    }

    const objectToArray = (item) => {

    return Object.keys(item).reduce((itemList, key) => {

    itemList.push({

    id: key,

    value: item[key]

    });

    return itemList;

    },[]);

    };

    console.log(objectToArray(item));

    Reply
  3. Anh review coi đúng k anh

    const objectConvert = {

    key1: 'keyVal1',

    key2: 'keyVal2',

    key3: 'keyVal3',

    key4: 'keyVal4'

    };

    const objectToArrayConvert = (obj) => {

    return Object.keys(obj).reduce((arrayRes, current) => {

    arrayRes.push({id: current, value: obj[current]})

    return arrayRes;

    }, []);

    }

    console.log(objectToArrayConvert(objectConvert));

    Reply
  4. Cảm ơn Hậu rất nhiều !
    Bạn trình bày rất dễ hiểu.

    Nhân đây mình gửi mọi người tham khảo câu 3:
    const itemMap = {

    key1: 'Superman',

    key2: 'Wonder Woman',

    key3: 'Spider man'

    };

    const objectToArray1 = (obj) =>

    Object.entries(obj).reduce((itemList, [key, value]) => {

    itemList.push({ id: key, value });

    return itemList;

    }, []);

    const objectToArray2 = (obj) =>

    Object.keys(obj).reduce(

    (itemList, key) => […itemList, { id: key, value: obj[key] }],

    []

    );

    console.log(objectToArray1(itemMap));

    console.log(objectToArray2(itemMap));

    Reply
  5. 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 ?

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

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

    Reply
  8. 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

    Reply
  9. 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 ạ

    Reply
  10. 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'.

    Reply

Leave a Reply

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