前端 JS 经典:for-in 和 for-of 用法区别

简介: 前端 JS 经典:for-in 和 for-of 用法区别

1. for-in

对于 string, object, array 类型使用 for-in

const str = "qwe";
const arr = ["yqcoder", "db"];
const obj = {
  name: "yqcoder",
  age: 18,
};
 
for (let i in str) {
  console.log(i); // 0 1 2
}
for (let i in arr) {
  console.log(i); // 0 1
}
for (let i in obj) {
  console.log(i); // name age
}

2. for-of

对于 string, object, array 类型使用 for-of

const str = "qwe";
const arr = ["yqcoder", "db"];
const obj = {
  name: "yqcoder",
  age: 18,
};
 
for (let i of str) {
  console.log(i); // q w e
}
for (let i of arr) {
  console.log(i); // yqcoder db
}
for (let i of obj) {
  console.log(i); // obj is not iterable
}

综上:for-in 可遍历 string,object,array 类型,遍历的是下标或 key,for-of 只能遍历 string, array 类型,遍历的是 value 值。


目录
相关文章
|
2天前
|
前端开发 JavaScript Serverless
前端新手建议收藏的JavaScript 代码技巧
前端新手建议收藏的JavaScript 代码技巧
12 3
|
2天前
|
设计模式 前端开发 JavaScript
关于写好前端JS代码的一些建议
关于写好前端JS代码的一些建议
13 2
|
2天前
|
XML 前端开发 JavaScript
HTML、CSS、JavaScript有什么区别
HTML、CSS、JavaScript有什么区别
|
4天前
|
JavaScript 前端开发 异构计算
JS中重排和重绘的区别是什么?
JS中重排和重绘的区别是什么?
13 1
|
4天前
|
JavaScript 前端开发
JS中浅拷贝和深拷贝的区别
JS中浅拷贝和深拷贝的区别
8 0
|
4天前
|
前端开发 JavaScript
阿里云验证码2.0 验证时报错 前端页面获取的验证参数有问题,动态JS加载失败,请问怎么解决啊?急,急,急。
用户反馈校验时遇到错误,日志显示验证码参数获取异常。采用无痕验证,失败后,返回`{captchaResult:false,bizResult:false}`,未触发滑块二次验证。
|
5天前
|
JavaScript 前端开发
杨校老师课堂之Web前端JS类库_JQuery案例[效果图与代码齐全]
杨校老师课堂之Web前端JS类库_JQuery案例[效果图与代码齐全]
12 0
|
12天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
162 63
|
12天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
26 6