JS--语法

朴灿烈づ我的快乐病毒、 2022-12-15 12:53 152阅读 0赞

原文网址：[JS--语法\_IT利刃出鞘的博客-CSDN博客][JS--_IT_-CSDN]

# for in与for of #

<table> 
 <tbody> 
  <tr> 
   <td style="width:80.25pt;"> <p style="margin-left:0pt;"><strong><strong>项</strong></strong></p> </td> 
   <td style="width:332.25pt;"> <p style="margin-left:0pt;"><strong><strong>for in</strong></strong></p> </td> 
   <td style="width:261.75pt;"> <p style="margin-left:0pt;"><strong><strong>for of</strong></strong></p> </td> 
  </tr> 
  <tr> 
   <td style="width:80.25pt;"> <p style="margin-left:0pt;"><strong><strong>作用</strong></strong></p> </td> 
   <td style="width:332.25pt;"> <p style="margin-left:0pt;">遍历所有可枚举的(enumerable)属性</p> </td> 
   <td style="width:261.75pt;"> <p style="margin-left:0pt;">遍历所有value</p> </td> 
  </tr> 
  <tr> 
   <td style="width:80.25pt;"> <p style="margin-left:0pt;"><strong><strong>推荐用法</strong></strong></p> </td> 
   <td style="width:332.25pt;"> <p style="margin-left:0pt;">遍历对象属性</p> </td> 
   <td style="width:261.75pt;"> <p style="margin-left:0pt;">遍历数组</p> </td> 
  </tr> 
  <tr> 
   <td style="width:80.25pt;"> <p style="margin-left:0pt;"><strong><strong>遍历项</strong></strong></p> </td> 
   <td style="width:332.25pt;"> <p style="margin-left:0pt;">key</p> </td> 
   <td style="width:261.75pt;"> <p style="margin-left:0pt;">value</p> </td> 
  </tr> 
  <tr> 
   <td style="width:80.25pt;"> <p style="margin-left:0pt;"><strong><strong>缺陷</strong></strong></p> </td> 
   <td style="width:332.25pt;"> <p style="margin-left:0pt;">类数组：也遍历其他非数字的属性和方法（通常不需要）</p> <p style="margin-left:0pt;">数组：遍历数组比遍历对象慢10-100倍。(for..in对遍历对象有优化)。遍历顺序可能不是数组的顺序</p> </td> 
   <td style="width:261.75pt;"> <p style="margin-left:0pt;">不能获得key</p> <p style="margin-left:0pt;">不能遍历对象（可与Object.keys()搭配解决）</p> </td> 
  </tr> 
  <tr> 
   <td style="width:80.25pt;"> <p style="margin-left:0pt;"><strong><strong>优点</strong></strong></p> </td> 
   <td style="width:332.25pt;"> <p style="margin-left:0pt;"></p> </td> 
   <td style="width:261.75pt;"> <p style="margin-left:0pt;">可保证输出顺序</p> <p style="margin-left:0pt;">功能丰富</p> </td> 
  </tr> 
  <tr> 
   <td style="width:80.25pt;"> <p style="margin-left:0pt;"><strong><strong>可遍历</strong></strong></p> </td> 
   <td style="width:332.25pt;"> <p style="margin-left:0pt;">对象、类数组对象(有index和length)、数组</p> </td> 
   <td style="width:261.75pt;"> <p style="margin-left:0pt;">可迭代对象(有Symbol.iterator方法)，例如：</p> <p style="margin-left:0pt;">Array, Map, Set, String, TypedArray，arguments 对象generator</p> </td> 
  </tr> 
  <tr> 
   <td style="width:80.25pt;"> <p style="margin-left:0pt;"><strong><strong>版本</strong></strong></p> </td> 
   <td style="width:332.25pt;"> <p style="margin-left:0pt;">ES5</p> </td> 
   <td style="width:261.75pt;"> <p style="margin-left:0pt;">ES6</p> </td> 
  </tr> 
 </tbody> 
</table>

[JS--_IT_-CSDN]: https://knife.blog.csdn.net/article/details/109126640

发表评论取消回复

表情：

评论列表（有 0 条评论，152人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS高级语法

的网站：[欢迎大家访问][Link 1] ![format_png][] JS高级对象在JS中一切皆对象基本数据也是对象，而且函数也是对象 ...

谁践踏了优雅/ 2024年04月19日 16:23/ 0 赞/ 65 阅读

相关 js基本语法

js可以存在的位置 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...

痛定思痛。/ 2024年04月17日 23:15/ 0 赞/ 57 阅读

相关 JS奇葩语法

在你的浏览器控制台输入这一段代码 ([][[]]+[])[+!![]]+([]+{})[!+[]+!![]] 猜猜看会得到什么结果？ ![format_png][

你的名字/ 2023年10月06日 14:31/ 0 赞/ 33 阅读

相关 JS--语法

原文网址：[JS--语法\_IT利刃出鞘的博客-CSDN博客][JS--_IT_-CSDN] for in与for of <table> <tbody> <t

朴灿烈づ我的快乐病毒、/ 2022年12月15日 12:53/ 0 赞/ 153 阅读

相关 JS基础语法

这是以前学习的内容。接下来会陆陆续续整理出来和大家分享一下。 \JS基本语法 \---- js的名称： js的全名叫做JavaScript. ja

浅浅的花香味﹌/ 2022年06月16日 08:19/ 0 赞/ 253 阅读

相关 JS语法汇总

函数表达式和函数声明在ECMAScript中，创建函数的最常用的两个方法是函数表达式和函数声明，两者期间的区别是有点晕，因为ECMA规范只明确了一点：函数声明必

爱被打了一巴掌/ 2022年06月09日 06:37/ 0 赞/ 271 阅读

相关 js的基本语法

1.命名规则： ⑴变量名必须以英文字母、_ 、$ 开头。 ⑵变量名可以包括英文字母、_ 、$ 、数字。 ⑶不可以用系统的关键字、保留字作为变量名。

缺乏、安全感/ 2022年06月05日 12:26/ 0 赞/ 202 阅读

相关 JS——语法糖

//https://www.cnblogs.com/lhl66/p/8025782.html //解构 let [a,b,c,d]=[1,'aa

快来打我*/ 2022年06月03日 01:36/ 0 赞/ 245 阅读

相关 js_基本语法

1. If语句 if (条件 1) \{ 当条件 1 为 true 时执行的代码 \} else if (条件 2) \{ 当条件 2 为 t

偏执的太偏执、/ 2022年05月25日 05:26/ 0 赞/ 192 阅读

相关 js 基本语法

1:document.write() ：HTML 输出流中使用 document.write，相当于添加在原有html代码中添加一串html代码。 documen

谁借莪１个温暖的怀抱￠/ 2021年12月11日 14:27/ 0 赞/ 253 阅读