{
for (let i = 0; i < 60; ++i) {
yield i;
}
}
range(60)
function* range(n) {
for (let i = 0; i < n; ++i) {
yield i;
}
}
new Range(60)
class Range {
constructor(n) {
this.n = n;
this.i = 0;
}
next() {
return this.i >= this.n
? {done: true}
: {done: false, value: this.i++};
}
return() {
this.i = this.n;
return {done: true};
}
}
{
const n = 60;
let i = 0;
return {
next: () => {
return i > n
? {done: true}
: {done: false, value: i++};
},
return: () => {
i = n;
return {done: true};
}
};
}
yield* [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
yield* iterableRange(60)
function iterableRange(n) {
return {
[Symbol.iterator]: () => {
let i = 0;
return {
next: () => {
return i > n
? {done: true}
: {done: false, value: i++};
}
};
}
};
}
{
for (const i of iterableRange(60)) {
yield i;
}
}
yield* await asyncIterableRange(60, 1000)
function asyncIterableRange(n, delay) {
return {
[Symbol.asyncIterator]: () => {
let i = 0
return {
next: async () => {
await Promises.delay(delay);
return i > n
? {done: true}
: {done: false, value: i++};
}
};
}
};
}
{
for await (const i of asyncIterableRange(60, 1000)) {
yield i;
}
}
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.
