Notebooks 2.0 is here.
{
let a = new Set([1, 2, 3]).values();
return md`Okay, so the values in that set are: “${[...a]}”. Just to remind you, they are “${[...a]}”. Wait, what? I just tried the same thing - \`[...a]\` - twice, and the second time it returned nothing. That's because Set#values returns an iterator over the values in a set that can only iterate over them once.`;
}
function isPureIterable(obj) {
return obj[Symbol.iterator] && obj[Symbol.iterator]() !== obj;
}
isPureIterable([1, 2, 3])
isPureIterable(Immutable.List([1, 2, 3]))
isPureIterable(new Set([1, 2, 3]))
isPureIterable(new Map([[1, 2]]))
isPureIterable((function* onceIterable() {
for (let i = 0; i < 3; i++) yield i;
})())
isPureIterable([1, 2, 3].entries())
isPureIterable(new Set([1, 2, 3]).values())
function* objectEntries(obj) {
for (const propKey of Reflect.ownKeys(obj)) {
yield [propKey, obj[propKey]];
}
}
{
let entries = objectEntries({ a: 1, b: 2 });
return md`Okay, so the entries in that object are: “${[...entries]}”. Just to remind you, they are “${[...entries]}”.`;
}
isPureIterable(objectEntries({ a: 1, b: 2 }))
function pureObjectEntries(obj) {
return {
[Symbol.iterator]: function* () {
for (const propKey of Reflect.ownKeys(obj)) {
yield [propKey, obj[propKey]];
}
}
};
}
{
let entries = pureObjectEntries({ a: 1, b: 2 })
return md`Okay, so the entries in that object are: “${[...entries]}”. Just to remind you, they are “${[...entries]}”.`;
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
