CHALLENGE
const numbers = [1, 2, 3, 4, 5];
const result = numbers
.map(n => n * 2)
.filter(n => n > 5)
.reduce((acc, n, index) => {
acc.sum += n;
acc.indices.push(index);
return acc;
}, { sum: 0, indices: [] });
console.log(result.sum);
console.log(result.indices);
🤔10❤3
What is the output?
Anonymous Quiz
25%
18 [2, 3, 4]
34%
18 [0, 1, 2]
28%
20 [0, 1, 2]
13%
20 [2, 3, 4]
🤔25❤5
Sorry for the confusion earlier! The correct answer is actually 24, not 18.
After mapping and filtering, we get
Thanks Fabricio for the note
After mapping and filtering, we get
[6, 8, 10], and summing them gives 6 + 8 + 10 = 24.Thanks Fabricio for the note
👍19🤣11🔥4❤1🤩1
CHALLENGE
function processData(data) {
try {
if (!data) {
throw new TypeError('Data is missing');
}
const result = data.process();
return result;
} catch (error) {
console.log(error instanceof ReferenceError ? 1 :
error instanceof TypeError ? 2 :
error instanceof SyntaxError ? 3 : 4);
}
}
processData(null);👍5❤2
❤6👍4🔥3🤔1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🤔4🔥3❤1
The popular, efficiency-focused package installer now lets you define Node.js, Deno or Bun versions in package.json and pnpm will then download and pin them automatically.
Zoltan Kochan
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8👍4🔥1
CHALLENGE
const obj = {
name: 'Sarah',
getName() {
return this.name;
},
getNameArrow: () => {
return this.name;
}
};
const getName = obj.getName;
const getNameArrow = obj.getNameArrow;
console.log(obj.getName());
console.log(getName());
console.log(getNameArrow());
console.log(obj.getNameArrow());🤩2❤1🤔1
Speed up solving programming tasks in any language — Python, JavaScript, Java, and more. Powered by ChatGPT Plus, but 3× cheaper! Don’t overpay $20 for ChatGPT Plus — pay just $7.25 and get faster, more accurate answers. Try DevHelperAI now! 👇
First month FREE !
@devhelperai_bot
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11👍4🔥1
CHALLENGE
const target = { name: 'Maya', age: 25 };
const handler = {
get(obj, prop) {
if (prop in obj) {
return obj[prop];
}
return `Property '${prop}' not found`;
},
set(obj, prop, value) {
if (typeof value === 'string') {
obj[prop] = value.toUpperCase();
} else {
obj[prop] = value;
}
return true;
}
};
const proxy = new Proxy(target, handler);
proxy.city = 'tokyo';
console.log(proxy.name);
console.log(proxy.city);
console.log(proxy.country);❤4🤩1
What is the output?
Anonymous Quiz
20%
Maya TOKYO undefined
45%
MAYA TOKYO Property 'country' not found
15%
Maya tokyo undefined
19%
Maya TOKYO Property 'country' not found
❤8🔥1
One of TypeScript's gentlest steps forward, with support for
import defer, --module node20, and ‘expandable hovers’ (below) to see expanded type information in IDEs. We also learn v6.0 will act as a ‘transition point’ to get prepared for the Go-powered ‘native port’ of TypeScript due to arrive as TypeScript 7.0.Microsoft
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍1🔥1
CHALLENGE
const numbers = [1, 2, 3, 4, 5];
const result = numbers
.map(x => x * 2)
.filter(x => x > 5)
.reduce((acc, x) => {
acc.push(x.toString());
return acc;
}, [])
.map(x => x + '!')
.join(' | ');
console.log(result);
console.log(typeof result);
4👍6❤4
What is the output?
Anonymous Quiz
35%
6! | 8! | 10! string
26%
12 | 16 | 20 string
30%
["6!", "8!", "10!"] object
10%
6! | 8! | 10! object
❤9👍2🔥1
12 years on from its first release, ECharts takes another big step forward. Visualization types span from line, bar and pie charts to 3D graphs, calendars and Sankey diagrams. v6 brings an all-new design language, dynamic theme switching, dark mode support, even more chart types, and more. Be sure to enjoy the 100+ demos and the GitHub repo.
Apache Software Foundation
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍2🔥1
CHALLENGE
const data = {
name: '',
age: 0,
city: null,
country: undefined,
isActive: false
};
const getName = () => data.name || 'Unknown';
const getAge = () => data.age ?? 25;
const getCity = () => data.city || 'Default City';
const getCountry = () => data.country ?? 'Default Country';
const getStatus = () => data.isActive || 'inactive';
console.log(`${getName()}-${getAge()}-${getCity()}-${getCountry()}-${getStatus()}`);❤3
CHALLENGE
const sym1 = Symbol('test');
const sym2 = Symbol('test');
const obj = {
[sym1]: 'first',
[sym2]: 'second',
regular: 'third'
};
const keys = Object.keys(obj);
const symbols = Object.getOwnPropertySymbols(obj);
const allProps = Reflect.ownKeys(obj);
console.log(keys.length);
console.log(symbols.length);
console.log(allProps.length);
console.log(sym1 === sym2);🔥3❤2
