＠冒泡的马树

题库原地址：http://csbin.io/iterators

Iterators迭代器

挑战1

问题：

A) 创立一个for循环，用于遍历数组，返回数组的所有元素的总和。

B) 创立一个函数式迭代器，调用时遍历传入的数组的每一个元素，每次一个元素。

题解：

// CHALLENGE 1function sumFunc(arr) {  // YOUR CODE HERE  let sum = 0  for(let i = 0; i < arr.length; i++) {    sum += arr[i]  }  return sum}// Uncomment the lines below to test your workconst array = [1, 2, 3, 4];console.log(sumFunc(array)); // -> should log 10function returnIterator(arr) {  // YOUR CODE HERE  let i = 0  const inner = () => {    const element = arr[i]    i++    return element  }  return inner}// Uncomment the lines below to test your workconst array2 = ['a', 'b', 'c', 'd'];const myIterator = returnIterator(array2);console.log(myIterator()); // -> should log 'a'console.log(myIterator()); // -> should log 'b'console.log(myIterator()); // -> should log 'c'console.log(myIterator()); // -> should log 'd'

挑战2

问题：

创立一个附有next办法的迭代器。当.next被调用时，此迭代器会一一返回数组内的元素。

题解：

// CHALLENGE 2function nextIterator(arr) {  // YOUR CODE HERE  let i = 0  const inner = {    next: () => {      const element = arr[i]      i++      return element    }  }  return inner}// Uncomment the lines below to test your workconst array3 = [1, 2, 3];const iteratorWithNext = nextIterator(array3);console.log(iteratorWithNext.next()); // -> should log 1console.log(iteratorWithNext.next()); // -> should log 2console.log(iteratorWithNext.next()); // -> should log 3

挑战3

问题：

编写代码，应用上方的nextIterator函数遍历一整个数组，而后求和。

题解：

// CHALLENGE 3function sumArray(arr) {  // YOUR CODE HERE  // use your nextIterator function  const iteratorWithNext = nextIterator(arr)  let sum = 0  let item   while(item = iteratorWithNext.next()) {    sum += item  }  return sum}// Uncomment the lines below to test your workconst array4 = [1, 2, 3, 4];console.log(sumArray(array4)); // -> should log 10

挑战4

问题：

创立一个附有next办法的迭代器。当调用.next时，它会返回传入的set汇合的每一个元素。

题解：

// CHALLENGE 4function setIterator(set) {  // YOUR CODE HERE  // Solution One:  // let i = 0  // const arr = [...set]  // return {  //   next: () => arr[i++]  // }  // Solution Two:  const newSet = set[Symbol.iterator]()  return {next: () => newSet.next().value}}// Uncomment the lines below to test your workconst mySet = new Set('hey');const iterateSet = setIterator(mySet);console.log(iterateSet.next()); // -> should log 'h'console.log(iterateSet.next()); // -> should log 'e'console.log(iterateSet.next()); // -> should log 'y'

挑战5

问题：

创立一个附有next办法的迭代器。当调用.next时，它会返回带有两个元素的数组（第一个为下标，第二个为下标对应的数组元素）。

题解：

// CHALLENGE 5function indexIterator(arr) {  // YOUR CODE HERE  let i = 0  return {    next: () => {      const element = arr[i]      const index = i      i++      return [index, element]    }  }}// Uncomment the lines below to test your workconst array5 = ['a', 'b', 'c', 'd'];const iteratorWithIndex = indexIterator(array5);console.log(iteratorWithIndex.next()); // -> should log [0, 'a']console.log(iteratorWithIndex.next()); // -> should log [1, 'b']console.log(iteratorWithIndex.next()); // -> should log [2, 'c']

挑战6

问题：

创立一个迭代器。在它的.next办法被调用时，它会返回一个句子型字符串中的每一个单词。

（提醒：应用正则表达式！）

而后将此操作当成一个办法挂载到构建函数Words的原型链上。

（提醒：钻研Symbol.iterator！）

题解：

// CHALLENGE 6function Words(string) {  this.str = string;}Words.prototype[Symbol.iterator] = function() {  // YOUR CODE HERE  const reg = /\w+/g  const strArr = this.str.match(reg)  let index = 0  return {    next: () =>       (index < strArr.length) ?         { done: false, value: strArr[index++] } :        { done: true, value: undefined }  }}// Uncomment the lines below to test your workconst helloWorld = new Words('Hello World');for (let word of helloWorld) { console.log(word); } // -> should log 'Hello' and 'World'

挑战7

问题：

创立一个函数。此函数会遍历传入的数组，返回对应的遍历元素和字符串“was found after index x”拼接而成的字符串后果，其中的x是前一个下标。

留神：对于第一个元素，它应该返回“It is the first”。

题解：

// CHALLENGE 7function valueAndPrevIndex(array){  const iteratedArray = array[Symbol.iterator]()  let index = 0  return {    sentence: () => {      if (index == 0) {        iteratedArray.next()        index++        return `It is the first`      } else {        const result = `${iteratedArray.next().value} was found after index ${index - 1}`        index++        return result      }    }  }}const returnedSentence = valueAndPrevIndex([4,5,6])console.log(returnedSentence.sentence());console.log(returnedSentence.sentence());console.log(returnedSentence.sentence());

挑战8

问题：

编写一个函数。它会每三秒钟console.log打印“hello there”或“gibberish”，取决于传入函数的值是否为“english”。

请勿应用任何模式的循环且请仅调用createConversation一次。

题解：

//CHALLENGE 8function* createConversation(string) {  let output = ''  if (string === 'english') {    output = 'hello there'  } else {    output = 'gibberish'  }  yield setInterval(() => {console.log(output)}, 3000)}createConversation('english').next();

挑战9

问题：

应用async/await来console.log打印一个由名词noun和动词verb形成的句子，其中非异步函数会接管一个名词noun，与一个硬编码的动词verb拼接，在三秒后返回给异步函数。异步函数接管到数据后，会console.log打印相应数据。异步函数仅能调用一次，传入一个名词noun见证它的执行吧！

题解：

//CHALLENGE 9function waitForVerb(noun) {  return new Promise(resolve => {    const verb = 'barks'    setTimeout(() => resolve(`${noun} ${verb}`), 3000)  })}async function f(noun) {  const sentence = await waitForVerb(noun)  console.log(sentence)}f("dog")