var title = 'ES6';
console.log(typeof title[Symbol.iterator]);
var iterateIt = title[Symbol.iterator]();
console.log(iterateIt.next());
console.log(iterateIt.next());
console.log(iterateIt.next());
console.log(iterateIt.next());Output:
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.29/browser.js"></script>
<script type="text/babel">
var title = 'ES6';
console.log(typeof title[Symbol.iterator]);
var iterateIt = title[Symbol.iterator]();
console.log(iterateIt.next());
console.log(iterateIt.next());
console.log(iterateIt.next());
console.log(iterateIt.next());
function tableReady(arr) {
var nextIndex = 0;
return {
next() {
if(nextIndex < arr.length) {
return {value: arr.shift(), done: false}
} else {
return {done: true}
}
}
}
}
var waitingList = ['Sarah', 'Heather', 'Anna', 'Meagan'];
var iterateList = tableReady(waitingList);
console.log(`${iterateList.next().value}, your table is ready`);
console.log(`${iterateList.next().value}, your table is ready`);
console.log(`${iterateList.next().value}, your table is ready`);
console.log(`${iterateList.next().value}, your table is ready`);
console.log(`Is this finished? ${iterateList.next().done}`);
</script>
<title>Iterators</title>
</head>
<body>
</body>
</html>Output:
