CHALLENGE
const inventory = {
apples: 5,
bananas: 12,
cherries: 0,
dates: 8,
};
const result = Object.entries(inventory)
.filter(([_, qty]) => qty > 0)
.reduce((acc, [fruit, qty]) => {
acc[fruit] = qty * 2;
return acc;
}, {});
const keys = Object.keys(result);
const values = Object.values(result);
console.log(keys.length, values.reduce((sum, v) => sum + v, 0));๐7โค2๐ฅ2
100๐6โค2
CHALLENGE
const handler = {
get(target, prop, receiver) {
if (prop === 'fullName') {
return `${Reflect.get(target, 'firstName', receiver)} ${Reflect.get(target, 'lastName', receiver)}`;
}
return Reflect.get(target, prop, receiver);
},
set(target, prop, value, receiver) {
if (typeof value !== 'string') {
return false;
}
return Reflect.set(target, prop, value.trim(), receiver);
},
has(target, prop) {
return prop.startsWith('_') ? false : Reflect.has(target, prop);
}
};
const person = new Proxy({ firstName: ' Clara', lastName: 'Oswald ', _secret: 'hidden' }, handler);
person.firstName = ' Clara';
person.lastName = ' Oswald';
console.log(person.fullName);
console.log('_secret' in person);
console.log(Reflect.ownKeys(person).length);
๐ฅ8โค5๐ค3๐2
What is the output?
Anonymous Quiz
17%
Clara Oswald false 3
46%
Clara Oswald false 3
25%
Clara Oswald false 2
12%
Clara Oswald true 3
๐ฅ4๐2โค1
CHALLENGE
const str = "JavaScript is Awesome!";
const result = str
.split(" ")
.map((word, i) => {
if (i % 2 === 0) return word.toUpperCase();
return word.toLowerCase();
})
.map((word) => [...word].reverse().join(""))
.join("-");
console.log(result);
โค12๐4๐ฅ1
What is the output?
Anonymous Quiz
20%
tpircsavaj-SI-!emosewa
52%
TPIRCSAVAJ-si-!EMOSEWA
22%
TPIRCSAVAJ-is-!EMOSEWA
7%
TPIRCSVAJ-si-EMOSEWA!
โค3๐ฅ2
CHALLENGE
const person = { name: "Carlos", scores: [10, 20, 30] };
const clone = { ...person };
clone.name = "Diana";
clone.scores.push(40);
const snapshot = Object.assign({}, person);
snapshot.name = "Elena";
snapshot.scores.push(50);
console.log(person.name);
console.log(person.scores.length);
console.log(clone.name);
console.log(clone.scores === person.scores);
๐3๐ฅ3โค2
What is the output?
Anonymous Quiz
29%
Carlos 5 Diana true
27%
Carlos 4 Diana false
33%
Carlos 3 Diana false
11%
Diana 5 Diana true
โค2๐2๐ค1
CHALLENGE
"use strict";
function createCounter() {
let count = 0;
return {
increment() { count++; },
decrement() { count--; },
getCount() { return count; },
reset: () => { count = 0; }
};
}
const counter = createCounter();
counter.increment();
counter.increment();
counter.increment();
counter.decrement();
const { getCount, reset } = counter;
console.log(getCount());
reset();
console.log(counter.getCount());
๐ฅ11โค3๐1
What is the output?
Anonymous Quiz
41%
2 0
25%
2 undefined
30%
TypeError: getCount is not a function
5%
3 3
CHALLENGE
const p1 = new Promise((resolve) => {
console.log("A");
resolve("X");
});
const p2 = p1.then((val) => {
console.log("B");
return val + "Y";
});
const p3 = p2.then((val) => {
console.log("C:", val);
});
console.log("D");
โค3๐3๐ฅ2
โค6๐5๐ฅ1๐ค1
CHALLENGE
class AppError extends Error {
constructor(message, statusCode) {
super(message);
this.name = this.constructor.name;
this.statusCode = statusCode;
}
}
class ValidationError extends AppError {
constructor(message) {
super(message, 400);
this.fields = [];
}
}
function riskyOperation(value) {
if (value === null) throw new ValidationError("Null value");
if (value < 0) throw new AppError("Negative value", 422);
return value * 2;
}
const results = [];
for (const val of [10, null, -5, 3]) {
try {
results.push(riskyOperation(val));
} catch (e) {
if (e instanceof ValidationError) {
results.push(`Validation:${e.statusCode}`);
} else if (e instanceof AppError) {
results.push(`App:${e.statusCode}`);
} else {
results.push("Unknown");
}
}
}
console.log(results.join(" | "));
๐5๐ฅ2๐คฉ2
What is the output?
Anonymous Quiz
17%
20 | Unknown | App:422 | 6
57%
20 | Validation:400 | App:422 | 6
17%
20 | App:400 | App:422 | 6
8%
20 | Validation:400 | Validation:422 | 6
โค4๐ฅ2
JavaScriptโs date/time handling is notoriously messy and libraries like Moment.js became popular as a way to work around it. In 2017, Maggie Johnson-Pint, a maintainer of Moment.js, proposed the Temporal API to fix date/time handling for good, and weโre mostly there (support is growing, with Safari and Node to catch up).
Jason Williams (Bloomberg)
Please open Telegram to view this post
VIEW IN TELEGRAM
โค6๐3
CHALLENGE
const p1 = new Promise((resolve) => {
console.log("A");
resolve("B");
});
const p2 = p1.then((val) => {
console.log(val);
return "C";
});
p2.then((val) => {
console.log(val);
});
console.log("D");
๐5๐ฅ3โค2
โค3๐1๐ฅ1
Please open Telegram to view this post
VIEW IN TELEGRAM
๐คฃ5๐ฅ4โค2๐2๐ค1
CHALLENGE
function Vehicle(make, model, year) {
this.make = make;
this.model = model;
this.year = year;
this.describe = function () {
return `${this.year} ${this.make} ${this.model}`;
};
}
Vehicle.prototype.age = function (currentYear) {
return currentYear - this.year;
};
const car = new Vehicle("Toyota", "Supra", 1998);
const bike = new Vehicle("Harley", "Sportster", 2005);
console.log(car.describe());
console.log(bike.age(2025));
console.log(car.constructor === Vehicle);
console.log(Object.getPrototypeOf(car) === Vehicle.prototype);
๐5๐ฅ3