Continuously looping through the function based on availability in Symbol ES6

Question

Continuously looping through the function based on availability in Symbol ES6

When using the ES6 Symbols iterator, I found that I needed to call the next function each time to print the next item during iteration.

Below is the code snippet:

var title = "Omkar";
var iterateIt = console.log(typeof title[Symbol.iterator]);
var iterable = title[Symbol.iterator]();

do {
  console.log(iterable.next().value);
} while (iterable.done)

Currently, it only prints O.

However, if I repeat

console.log(iterable.next().value);

four more times, I get the desired output. For example, with a longer string like "Chewbacca", I would need to call this console method nine times. Is there a way to streamline this process so that I don't have to manually call next each time? If anyone knows of a better solution, please share.

javascript ecmascript-6

Answer 1

Answer №1

The property called .done is actually present on the object that is returned by invoking the iterable, and not directly on the iterable itself:

var title = "Omkar";
var iterable = title[Symbol.iterator]();

let value, done;
do {
  ({ value, done } = iterable.next());
  if (!done) console.log(value);
} while (!done)

If you wish for a more straightforward approach, consider utilizing a for..of loop instead:

var title = "Omkar";
for (const char of title) {
  console.log(char);
}

Answer 2

The property called .done is actually present on the object that is returned by invoking the iterable, and not directly on the iterable itself:

var title = "Omkar";
var iterable = title[Symbol.iterator]();

let value, done;
do {
  ({ value, done } = iterable.next());
  if (!done) console.log(value);
} while (!done)

If you wish for a more straightforward approach, consider utilizing a for..of loop instead:

var title = "Omkar";
for (const char of title) {
  console.log(char);
}

Continuously looping through the function based on availability in Symbol ES6

Answer №1

Similar questions

Navigating with buttons in React JS

What is the best way to implement a custom toast delay in a React application using setTimeout

Is it possible to invoke the created() function in Vue from another method?

Tips for displaying only one image when clicked and hiding other divs:

Create a row in React JS that includes both a selection option and a button without using any CSS

Error message appears when trying to render a shallow mock of a React.Component that extends MyInterface with any type

Unpredictable Behavior of CSS Transition with JS createElement() Function

Adding an automatically generated link within an HTML form

What is the best way to trigger a mongoose post hook from a separate JavaScript file or function?

Transfer the text from one cell and insert it into the "neighbor" cell of a different column when the content is editable

A label in nativescript not displaying a two-digit number

Implementing Checkbox Functionality within a Dropdown Menu using AngularJS or JavaScript

Stopping an AngularJS timeout from running

What is the reason behind negative numbers appearing as "5-" rather than "-5" in the basic calculator coded using HTML and JavaScript?

Tips for formatting a lengthy SQL query in a Node.js application

Execute the function upon clicking

Disabling Navigation with Arrow Keys in Prettyphoto

Are we utilizing this JavaScript function properly for recycling it?

What is the most effective way to transfer information from one page to another in a PhoneGap application?

run a function once ngFor has completed rendering the data