ReadableStream: from()

ReadableStream.from(anyIterable)

<pre id="log"></pre>

const logElement = document.getElementById("log");
function log(text) {
  logElement.innerText += `${text}\n`;
}

if (!ReadableStream.from) {
  log("ReadableStream.from() is not supported");
}

// 
const asyncIterator = (async function* () {
  yield 1;
  yield 2;
  yield 3;
})();

// ReadableStream 
const myReadableStream = ReadableStream.from(asyncIterator);

consumeStream(myReadableStream);

// Iterate a ReadableStream asynchronously
async function consumeStream(readableStream) {
  for await (const chunk of myReadableStream) {
    // Do something with each chunk
    // Here we just log the values
    log(`chunk: ${chunk}`);
  }
}

<pre id="log"></pre>

const logElement = document.getElementById("log");
function log(text) {
  logElement.innerText += `${text}\n`;
}

if (!ReadableStream.from) {
  log("ReadableStream.from() is not supported");
}

// 
const vegetables = ["Carrot", "Broccoli", "Tomato", "Spinach"];

//  ReadableStream 
const myReadableStream = ReadableStream.from(vegetables);

consumeStream(myReadableStream);

// ReadableStream 
async function consumeStream(readableStream) {
  for await (const chunk of myReadableStream) {
    // 
    // 
    log(`chunk: ${chunk}`);
  }
}