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: