碎片时间学编程「35]:JS for...in、for...of、 forEach 有什么区别

liebian365 2024-11-16 23:12 3 浏览 0 评论

for...in用于迭代对象的所有可枚举属性，包括继承的可枚举属性。此迭代语句可以与数组字符串或普通对象一起使用，但不能与Map 或 Set对象一起使用。

for (let prop in ['a', 'b', 'c'])
  console.log(prop);            // 0, 1, 2 (数组索引

for (let prop in 'str')
  console.log(prop);            // 0, 1, 2 (字符串索引)

for (let prop in {a: 1, b: 2, c: 3})
  console.log(prop);            // a, b, c (对象属性名)

for (let prop in new Set(['a', 'b', 'a', 'd']))
  console.log(prop);            // undefined (没有可枚举的属性)

for...of用于迭代可迭代对象，迭代它们的值而不是它们的属性。此迭代语句可用于数组、字符串Map或Set对象，但不能用于普通对象。

for (let val of ['a', 'b', 'c'])
  console.log(val);            // a, b, c (数组索引)

for (let val of 'str')
  console.log(val);            // s, t, r (字符串字符)

for (let val of {a: 1, b: 2, c: 3})
  console.log(prop);           // TypeError (不可迭代)

for (let val of new Set(['a', 'b', 'a', 'd']))
  console.log(val);            // a, b, d (设定值)

最后，forEach()是Array原型的一个方法，它允许您遍历数组的元素。虽然forEach()只迭代数组，但它可以在迭代时访问每个元素的值和索引。

['a', 'b', 'c'].forEach(
  val => console.log(val)     // a, b, c (数组值)
);

['a', 'b', 'c'].forEach(
  (val, i) => console.log(i)  // 0, 1, 2 (数组索引)
);

更多内容请访问 https://www.icoderoad.com

for_each

碎片时间学编程「35]:JS for...in、for...of、 forEach 有什么区别

相关推荐

取消回复欢迎你发表评论:

零基础建站教程-打造一个属于自己的网站or博客(一)

从抓包的角度分析connect()函数的连接过程

个人备案网站到底还能不能做博客了?

手把手教你汇编 Debug 汇编语言debug命令g

创作了上千个飞书文档后，这些字节跳动人悟了......

Java 开发常用的 Linux 命令知识积累

30岁+，重启开挂人生7步法人生重开开挂版

连珠终结者免费版——为棋手准备的打谱软件

Linux命令大全 linux命令大全手册PDF

《逆水寒》出现新型“外挂”!一学就会，靠这个方法稳赚不赔!

碎片时间学编程「35]:JS for...in、for...of、 forEach 有什么区别

相关推荐

取消回复欢迎 你 发表评论:

零基础建站教程-打造一个属于自己的网站or博客(一)

从抓包的角度分析connect()函数的连接过程

个人备案网站到底还能不能做博客了?

手把手教你汇编 Debug 汇编语言debug命令g

创作了上千个飞书文档后，这些字节跳动人悟了......

Java 开发常用的 Linux 命令知识积累

30岁+，重启开挂人生7步法 人生重开 开挂版

连珠终结者免费版——为棋手准备的打谱软件

Linux命令大全 linux命令大全手册PDF

《逆水寒》出现新型“外挂”!一学就会，靠这个方法稳赚不赔!

取消回复欢迎你发表评论:

30岁+，重启开挂人生7步法人生重开开挂版