TGViewer
Channel Public Channel
JavaScript

JavaScript

@javascript

A resourceful newsletter featuring the latest and most important news, articles, books and updates in the world of #javascript 🚀 Don't miss our Quizzes!

Let's chat: @nairihar
Subscribers
31.1K
Photos
1.2K
Videos
10
Links
896

Showing posts older than #2557 · Back to latest

Older Posts 20 shown
Post #2556 3.53K
  • ❤ 4
  • 👍 3
  • 🔥 1
Post #2555 3.93K
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
  • 🔥 3
Post #2554 4.22K
  • ❤ 8
  • 👍 1
  • 🔥 1
Post #2553 4.04K
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()}`);
  • ❤ 4
Post #2552 4.1K
🚬 Apache ECharts 6.0: The Powerful Data Visualization Library

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
  • ❤ 7
  • 👍 3
  • 🔥 1
Post #2551 4.28K
  • ❤ 10
  • 👍 2
  • 🔥 1
Post #2550 4.41K
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);
  • 👍 6
  • ❤ 4
Post #2549 4.38K
🥶 Announcing TypeScript 5.9

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
  • ❤ 7
  • 👍 1
  • 🔥 1
Post #2548 4.21K
  • ❤ 8
  • 🔥 1
Post #2547 4.16K
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);
  • ❤ 6
  • 🤩 1
Post #2546 4.13K
⚡️DevHelperAI — AI Assistant for Programmers

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
  • ❤ 12
  • 👍 4
  • 🔥 1
Post #2545 4.04K
  • ❤ 9
  • 🤔 3
Post #2544 4.33K
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
Post #2541 5.02K
  • ❤ 7
  • 👍 4
  • 🔥 3
  • 🤔 1
Post #2540 5.04K
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
Post #2539 4.53K
Sorry for the confusion earlier! The correct answer is actually 24, not 18.
After mapping and filtering, we get [6, 8, 10], and summing them gives 6 + 8 + 10 = 24.

Thanks Fabricio for the note
  • 👍 20
  • 🤣 12
  • 🔥 4
  • ❤ 2
  • 🤩 1
Post #2538 5.01K
  • 🤔 25
  • ❤ 6
Post #2537 5K
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
  • ❤ 4
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →