JS中for---in的用法

这篇具有很好参考价值的文章主要介绍了JS中for---in的用法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

for in 循环是一种特殊类型的循环,也是普通 for 循环的变体,主要用来遍历对象,也可以遍历数组(但是不推荐),使用它可以将对象中的属性依次循环出来,其语法格式如下:

const obj = {
    name:"小寿司",
    age: 21
}


for(let key in obj) {    // key类似于for循环中let i,都是在for中临时使用的变量
    console.log(key);
    console.log(obj);
}

控制台输出如下:

for in js,js零散知识点,javascript,前端,开发语言

可以发现此时每次打印的key就是obj中的属性名,obj表示打印obj这个对象

可能这么说小伙伴们还是不知道for---in循环是干啥的,说简单点就是:一般的数组遍历和字符串遍历时用一般的for--of循环,当需要为obj对象遍历时用for---in循环,再简单举个例子吧

const obj = {
    name:"小寿司",
    age: 21
}


for(let key in obj) {    // key类似于for循环中let i,都是在for中临时使用的变量
    console.log(key);
    console.log(obj);

    if(key === "age"){          // 此时控制台打印的age是字符串类型
        obj.age = 22        // 此时当key循环到age时,age的值会变成22了
        console.log(obj.age)
   }
   
}

以上皆是自己的理解,有错误望指出文章来源地址https://www.toymoban.com/news/detail-527733.html

到了这里,关于JS中for---in的用法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • JS-Web-API知识点与高频考题解析

    BOM 操作 DOM 操作 事件绑定 Ajax 存储 BOM(浏览器对象模型)是浏览器本身的一些信息的设置和获取,例如获取浏览器的宽度、高度,设置让浏览器跳转到哪个地址。 navigator screen location history 这些对象就是一堆非常简单粗暴的 API,没任何技术含量,讲起来一点意思都没有,大

    2024年02月09日
    浏览(56)
  • 视频知识点(17)- flv.js 实现播放本地视频文件的技巧

    目录 问题 解决 一、启动 HTTP 静态服务 二、播放 URL 三、允许静态服务跨域

    2023年04月08日
    浏览(26)
  • 深度剖析 Vue.js 经典知识点之:SPA、SSR与MVVM

    更多精彩内容,请 微信搜索“ 前端爱好者 “ , 戳我 查看 。‘ 谈一谈你对 SPA 单⻚面的理解,它的优缺点分别是什么 SPA( single-page application )仅在 Web ⻚面初始化时加载相应的 HTML、JavaScript 和 CSS。 一旦⻚面加载完成,SPA 不会因为用户的操作而进行⻚面的重新加载或跳转

    2024年02月07日
    浏览(28)
  • JS中for---in的用法

    for in 循环是一种特殊类型的循环,也是普通 for 循环的变体,主要用来遍历对象,也可以遍历数组(但是不推荐),使用它可以将对象中的属性依次循环出来,其语法格式如下: 控制台输出如下: 可以发现此时每次打印的key就是obj中的属性名,obj表示打印obj这个对象 可能

    2024年02月12日
    浏览(25)
  • JS小知识点:在定义对象的时候,用变量值作为对象属性名 参考:

    有没有一种情况,在定义一个对象时,对象的属性名由一个变量的值来决定的?而且是一步到位,简单实现的? 我们知道对象有时被称为 关联数组 ,访问对象属性值的时候可以使用括号表示法(比如 objectName[propertyName]),那定义的时候可以借签这样的方式来实现吗? 我们

    2024年02月10日
    浏览(27)
  • Js水几个基础知识点:数组的操作,字符串和数组之间的互转,持续补充,欢迎关注

    一、插入 / 删除元素: 我们就不从创建开始讲了,那个太基础了,js创建数组一般都直接let arr = […,…,…],有部分仁兄喜欢new Array(…, …, …),这样看起来可能高级点,结果是一样的哈。 这里我们直接来讨论插入元素: 1、在末尾插入 / 删除元素(push / pop,操作原数组)

    2024年02月09日
    浏览(42)
  • 【知识点】eval() 的用法

    目录 一、基本知识 二、具体实例 三、项目应用 总结 返回传入字符的表达式的结果。即将字符串当成有效的表达式,进行运算、求值并返回结果。 从某种意义上说,eval就是实现list、dict、tuple和 str 之间的相互转换。 作用: eval()函数又称为评估函数,作用是去掉参数中最外

    2024年02月02日
    浏览(30)
  • JavaScript 知识点

    立即执行函数 代码 创建函数的同时立即执行,没有绑定任何事件,也无需等待任何异步操作 function () {} 是一个匿名函数,包围它的一对括号将其转换为一个表达式,紧跟其后的一对括号调用了这个函数。 立即执行函数 也可以理解为立即调用一个匿名函数。最常见的应用场

    2024年02月11日
    浏览(27)
  • 持续不断更新中... 自己整理的一些前端知识点以及前端面试题,包括vue2,vue3,js,ts,css,微信小程序等

    答: 在普通的前端项目工程中,在script标签中增加setup即可使用api 使用setup()钩子函数 答: 不要在计算属性中进行异步请求或者更改DOM 不要直接修改computed的值 区别: 计算属性值基于其响应式依赖被缓存,意思就是只要他之前的依赖不发生变化,那么调用他只会返回之前缓

    2024年02月11日
    浏览(39)
  • 【知识点】np.where()用法

    目录 一、基本知识 二、具体实例 1.np.where(condition,x,y) (1)示例1: (2)示例2: (3)示例3: 2. np.where(condition) 总结 np.where 函数是三元表达式 x if condition else y 的向量化版本,它有两种用法: 1.np.where(condition,x,y) 当where内有三个参数时,第一个参数表示条件,当条件成立时

    2024年02月01日
    浏览(28)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包