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
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 😍
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));
Anh ơi ! Lâu quá ko thấy anh ra thêm video. Hóng quá ạ hehe
Bài 3: https://repl.it/@OngPhung/convertToArray#script.js
Anh Hậu xem giúo em bài 3, kết quả như thế này thì có đúng yêu cầu đề bài không vậy anh.
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));
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));
bài 3: https://repl.it/repls/GlaringEcstaticKeyboardmacro#index.js
kết quả như thế này thì có đúng yêu cầu đề bài không vậy anh? 😀
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 ?
const findMin = list => list.reduce((min, value) => Math.min(min, value))
Video rất hay, em cảm ơn anh 😀
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) ạ ?
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))
giờ mới biết kênh của bác, giải thích rất dễ hiểu
Cám ơn anh. Video hay lắm ạ
mong anh ra video về bất đồng bộ trong Js
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
Em có thẻ inbox Facebook cho anh để hỏi anh các vấn đề về Javascript không ạ
hay quá a ơi.Hi vọng a ra clip về callback :)))))
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 ạ
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'.
Hay quá anh ơi
anh có thể chỉ em cách cài nút run anh nhắc trong video ko ạ. Em cảm ơn!
Anh cho em xin 1 số tài liệu và bài tập tương ứng về JavaScript được không anh?
thanks anh <3