备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

JavaScript专项算法题（7）：Iterators迭代器

2023-01-10 97
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Iterators迭代器挑战1问题：A) 创建一个for循环，用于遍历数组，返回数组的所有元素的总和。B) 创建一个函数式迭代器，调用时遍历传入的数组的每一个元素，每次一个元素。题解：123456789101112131415161718192021222324252627282930313233// CHALLENGE 1function sumFunc(arr) { // YOUR CODE HERE let sum = 0 for(let i = 0; i < arr.length; i

Iterators迭代器

挑战1

问题：

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

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

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
// CHALLENGE 1
functionsumFunc(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 work
const array = [1, 2, 3, 4];
console.log(sumFunc(array)); // -> should log 10
functionreturnIterator(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 work
const 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被调用时，此迭代器会逐个返回数组内的元素。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
// CHALLENGE 2
functionnextIterator(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 work
const array3 = [1, 2, 3];
const iteratorWithNext = nextIterator(array3);
console.log(iteratorWithNext.next()); // -> should log 1
console.log(iteratorWithNext.next()); // -> should log 2
console.log(iteratorWithNext.next()); // -> should log 3

挑战3

问题：

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

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
// CHALLENGE 3
functionsumArray(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 work
const array4 = [1, 2, 3, 4];
console.log(sumArray(array4)); // -> should log 10

挑战4

问题：

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

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
// CHALLENGE 4
functionsetIterator(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 work
const mySet = newSet('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时，它会返回带有两个元素的数组（第一个为下标，第二个为下标对应的数组元素）。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
// CHALLENGE 5
functionindexIterator(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 work
const 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！）

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
// CHALLENGE 6
functionWords(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 work
const 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”。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
// CHALLENGE 7
functionvalueAndPrevIndex(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一次。

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
 
//CHALLENGE 8
function* 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见证它的执行吧！

题解：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
//CHALLENGE 9
functionwaitForVerb(noun) {
returnnewPromise(resolve => {
const verb = 'barks'
    setTimeout(() => resolve(`${noun}${verb}`), 3000)
  })
}
asyncfunctionf(noun) {
const sentence = await waitForVerb(noun)
console.log(sentence)
}
f("dog")
文章标签：
JavaScript
前端开发
算法
关键词：
JavaScript算法
算法javascript
JavaScript迭代器
算法迭代器
JavaScript专项算法
南京沂洲信息咨询有限公司
目录
相关文章
会敲代码的_TT
|
2月前
|
算法 JavaScript 前端开发
彩票中奖率的真相：用 JavaScript 看透彩票背后的随机算法（下）
至于分发？我们可以参考一下市面上已有的一些概念做一下对比，下面是笼统的一个网络服务器的TPS预估值，也就是说彩票服务器在1秒内可以处理的最大请求数：
会敲代码的_TT
36 0
会敲代码的_TT
|
2月前
|
数据采集 算法 JavaScript
彩票中奖率的真相：用 JavaScript 看透彩票背后的随机算法（上）
原本这篇文章是打算叫「假如我是彩票系统开发者」，但细想一下，如果在文章中引用太多的 JavaScript 的话，反而不是那么纯粹，毕竟也只是我的一厢情愿，彩票开发也不全如本文所讲，有所误导的话便也是得不偿失了。
会敲代码的_TT
59 0
阿珊和她的猫
|
1月前
|
缓存 JavaScript 算法
Vue.js中的diff算法：让虚拟DOM更高效
Vue.js中的diff算法：让虚拟DOM更高效
阿珊和她的猫
36 0
秋说
|
2月前
|
搜索推荐 算法 大数据
【数据结构入门精讲 | 第十篇】考研408排序算法专项练习（二）
【数据结构入门精讲 | 第十篇】考研408排序算法专项练习（二）
秋说
25 0
秋说
|
2月前
|
存储 搜索推荐 算法
【数据结构入门精讲 | 第九篇】考研408排序算法专项练习（一）
【数据结构入门精讲 | 第九篇】考研408排序算法专项练习（一）
秋说
33 0
超级无敌宇宙霹雳第一帅
|
3月前
|
算法 JavaScript
每天五到js算法题 day2
每天五到js算法题 day2
超级无敌宇宙霹雳第一帅
8 0
掘金防诈骗集团CEO
|
3月前
|
算法 JavaScript
JS算法-快乐数
JS算法-快乐数
掘金防诈骗集团CEO
24 0
掘金防诈骗集团CEO
|
3月前
|
算法 JavaScript
JS算法-岛屿数量
JS算法-岛屿数量
掘金防诈骗集团CEO
21 0
掘金防诈骗集团CEO
|
3月前
|
算法 JavaScript
JS算法-二叉树的右视图
JS算法-二叉树的右视图
掘金防诈骗集团CEO
17 0
掘金防诈骗集团CEO
|
3月前
|
算法 JavaScript
JS算法-打家劫舍
JS算法-打家劫舍
掘金防诈骗集团CEO
25 0

热门文章

最新文章

  • 1
    【MATLAB】GA_ELM神经网络时序预测算法
  • 2
    RPN(Region Proposal Networks)候选区域网络算法解析（附PyTorch代码）
  • 3
    使用Python实现DBSCAN聚类算法
  • 4
    【软件设计师备考 专题 】算法探索：排序、查找、数值计算和字符串处理（一）
  • 5
    【C++ 数据结构与算法 一站式备考指南】一文掌握 数据结构与算法课程 知识点（二）
  • 6
    Docker Swarm总结+service创建和部署、overlay网络以及Raft算法（2/5）
  • 7
    C++ Algorithm 库 算法秘境探索（Algorithm Wonderland Exploration）
  • 8
    R语言聚类算法的应用实例
  • 9
    经典控制算法——PID算法原理分析及优化
  • 10
    [YOLOv8/YOLOv7/YOLOv5系列算法改进NO.5]改进特征融合网络PANET为BIFPN（更新添加小目标检测层yaml）
  • 1
    监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
    90
  • 2
    Java Script 中的垃圾回收机制有哪些缺点
    13
  • 3
    描述 JavaScript 中的垃圾回收机制。
    17
  • 4
    如何使用 JavaScript 操作 DOM？
    13
  • 5
    解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
    17
  • 6
    JavaScript 中的数组方法有哪些？
    10
  • 7
    JS设置日期为0时0分0秒
    26
  • 8
    JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
    24
  • 9
    JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
    19
  • 10
    深入理解JavaScript中的闭包与作用域链
    8

    • 相关课程

    更多
  • 相册服务中的故事生成算法介绍
  • Go语言核心编程 - 数据结构和算法
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • 神经网络概览及算法详解

    • 相关电子书

    更多
  • 数据+算法定义新世界
  • 袋鼠云基于实时计算的反黄牛算法
  • Alink：基于Apache Flink的算法平台

    • 相关实验场景

    更多
  • TLS1.3的后量子算法集成
  • RSA非对称加密算法
    • 下一篇
    阿里云oss简介和使用流程
    为什么选择阿里云什么是云计算全球基础设施技术领先稳定可靠安全合规分析师报告
    产品和定价全部产品免费试用产品动态产品定价价格计算器云上成本管理
    解决方案技术解决方案
    文档与社区文档开发者社区天池大赛培训与认证
    权益中心免费试用高校计划企业扶持计划推荐返现计划
    支持与服务基础服务企业增值服务迁云服务官网公告健康看板信任中心
    关注阿里云
    关注阿里云公众号或下载阿里云APP，关注云资讯，随时随地运维管控云服务
    阿里云APP阿里云微信
    联系我们：4008013260
    法律声明Cookies政策廉正举报安全举报联系我们加入我们
    阿里巴巴集团淘宝网天猫全球速卖通阿里巴巴国际交易市场1688阿里妈妈飞猪阿里云计算AliOS万网高德UC友盟优酷钉钉支付宝达摩院淘宝海外阿里云盘饿了么
    © 2009-2024 Aliyun.com 版权所有 增值电信业务经营许可证： 浙B2-20080101 域名注册服务机构许可： 浙D3-20210002 京D3-20220015
    浙公网安备 33010602009975号浙B2-20080101-4