记录–UNI-APP安卓本地打包详细教程（保姆级）

const obj = {         a: 1,         b: 2,         c: 3     }     for (let i in obj) {         console.log(i)         // a         // b         // c     }     for (let i of obj) {         console.log(i)         // Uncaught TypeError: obj is not iterable 报错了     }

    const arr = ['a', 'b', 'c']     // for in 循环     for (let i in arr) {         console.log(i)         // 0         // 1         // 2     }          // for of     for (let i of arr) {         console.log(i)         // a         // b         // c     }

    const arr = ['a', 'b']     // 手动给 arr数组添加一个属性     arr.name = 'qiqingfu'          // for in 循环可以遍历出 name 这个键名     for (let i in arr) {         console.log(i)         // a         // b         // name     }

for in 的特点

结合上面的两个例子,分析得出:

• for ... in 循环返回的值都是数据结构的 键值名。

• 遍历对象返回的对象的key值,遍历数组返回的数组的下标(key)。

• for ... in 循环不仅可以遍历数字键名,还会遍历原型上的值和手动添加的其他键。如——例3

• 特别情况下, for ... in 循环会以看起来任意的顺序遍历键名

（为什么说看起来，其实也是有规律的，这个就要扯到 常规属性和 排序属性，想深入学习的可以看读李老课程引发的思考之JS设计思想篇

这里可以简单说一下

1.什么是对象中的 常规属性和 排序属性

function Foo() {   this[100] = 'test-100'   this[1] = 'test-1'   this["B"] = 'bar-B'   this[50] = 'test-50'   this[9] = 'test-9'   this[8] = 'test-8'   this[3] = 'test-3'   this[5] = 'test-5'   this["A"] = 'bar-A'   this["C"] = 'bar-C' } var bar = new Foo() for(key in bar){   console.log(`index:${key} value:${bar[key]}`) }

index:1 value:test-1 index:3 value:test-3 index:5 value:test-5 index:8 value:test-8 index:9 value:test-9 index:50 value:test-50 index:100 value:test-100 index:B value:bar-B index:A value:bar-A index:C value:bar-C

观察这段打印出来的数据，我们发现打印出来的属性顺序并不是我们设置的顺序，我们设置属性的时候是乱 序设置的，⽐如开始先设置100，然后有设置了1，但是输出的内容却⾮常规律，总的来说体现在以下两 点：

设置的数字属性被最先打印出来了，并且按照数字⼤⼩的顺序打印的；

设置的字符串属性依然是按照之前的设置顺序打印的，⽐如我们是按照B、A、C的顺序设置的，打印出来，依然是这个顺序。

之所以出现这样的结果，是因为在ECMAScript规范中定义了 「数字属性应该按照索引值⼤⼩升序排列，字符 串属性根据创建时的顺序升序排列。」在这⾥我们把对象中的数字属性称为 「排序属性」，在V8中被称为 elements，字符串属性就被称为 「常规属性」， 在V8中被称为 properties。在V8内部，为了有效地提升存储和访问这两种属性的性能，分别使⽤了两个 线性数据结构来分别保存排序 属性和常规属性，具体结构如下图所⽰：

 const obj = {         a: 1,         b: 2,         c: 3     }      for (let i of Object.keys(obj)) {         console.log(i)         // 1         // 2         // 3     }