数组循环:使用 for-of 循环

首先我们先创建一个数组,从之前的对象中取得

javascript 复制代码
const menu = [...restaurant.starterMenu,...restaurant.mainMenu];

在之前,我们如果想要打印数组中的每一个数据,我们通常会写for循环来一个一个打印出来,现在我们可以使用for-of循环来获取,这会是的获取循环数组更加的方便

javascript 复制代码
for (const item of menu) console.log(item);

我们也可以不仅仅去获取数组中的元素,也可以去获取数组中的下标

javascript 复制代码
for (const  item of menu.entries()) {
  console.log(item);
}

总结;

使用 for-of 循环是 JavaScript 中对数组进行遍历的一种简洁而方便的方式。以下是使用 for-of 循环进行数组循环时的要点:

  1. 语法格式:for (let item of array) { ... } 每次迭代时,数组中的一个元素会被赋值给变量 item。
  2. 遍历值而非索引:for-of 循环直接访问数组中的元素值,而不需要通过索引进行访问。
  3. 自动迭代完整性:for-of 循环会自动遍历整个数组,无需手动设置终止条件。
  4. 简化循环逻辑:相比传统的 for 循环,for-of 循环不需要创建额外的计数器或迭代变量,简化了循环逻辑。
  5. 值的副本:for-of 循环每次迭代都会将数组中的值复制给变量 item,修改 item 的值不会影响原数组。
  6. 支持可迭代对象:除了数组,for-of 循环还可以用于遍历可迭代对象如字符串、Set、Map 等。
  7. 兼容性:for-of 循环在现代浏览器和最新版本的 Node.js 中得到广泛支持,但在旧版本中可能不被支持。
    使用 for-of 循环可以更加简洁地遍历数组,并且可以减少编写冗余代码的工作量。然而,需要注意 for-of 循环只能访问数组中的值,无法获取索引或修改数组内容,同时也不适用于普通对象的遍历。
相关推荐
kyriewen5 小时前
代码写成一锅粥?3个设计模式让你的项目“起死回生”
前端·javascript·设计模式
不会敲代码16 小时前
从零搭建 AI 日记助手:用 Milvus 向量数据库实现语义搜索
javascript·openai
threelab7 小时前
Three.js UV 图像变换效果 | 三维可视化 / AI 提示词
javascript·人工智能·uv
竹林8188 小时前
用Viem替代ethers.js:从一次签名失败到完整迁移的实战记录
前端·javascript
不可能的是9 小时前
Claude Code 子 Agent 机制全解:怎么跑起来、怎么被管理、怎么互不干扰
javascript
HSunR10 小时前
dify 搭建ai作业批改流
开发语言·前端·javascript
代码不加糖10 小时前
2026 跨境电商独立站实战:从 0 到 1 搭建高转化 SaaS 商城(附源码)
开发语言·前端·javascript
用户6175171570112 小时前
关于普通函数和箭头函数的this
javascript
RPGMZ12 小时前
RPGMakerMZ 地图存档点制作 标题继续游戏直接读取存档
开发语言·javascript·游戏·游戏引擎·rpgmz·rpgmakermz
有一个好名字13 小时前
Agent Loop —— 一切从那个 while 循环开始
前端·javascript·chrome