关于js中for in的缺陷浅析

1. for in 的作用

for in 是 JavaScript 中用来遍历对象属性的一种语句，其语法是：

for (variable in object) {
   code block to be executed
}

其中，变量 variable 是用来存储对象的属性名的，object 是需要遍历的对象，代码块中包含了对每个属性的处理逻辑。

2. for in 的缺陷

使用 for in 语句遍历对象属性时，有一些缺陷需要注意。

2.1 遍历顺序不确定

使用 for in 语句遍历对象属性时，属性的遍历顺序是不确定的，取决于 JavaScript 引擎。因此，无法保证每次遍历对象时属性的顺序都是相同的，这在要求遍历顺序重要的场景中可能会造成问题。

2.2 遍历对象继承属性

使用 for in 语句遍历对象属性时，会遍历对象继承的属性。例如：

var obj = {
   foo: 1
};
var childObj = Object.create(obj);
childObj.bar = 2;

for (var key in childObj) {
   console.log(key); // 输出 'bar' 和 'foo'
}

由于 childObj 通过 Object.create 继承了 obj 的属性，因此使用 for in 语句遍历 childObj 时会遍历到 obj 的属性 foo。

2.3 遍历对象非数字属性

使用 for in 语句遍历对象属性时，会遍历对象的所有属性，包括非数字属性。例如：

var obj = {
   foo: 1,
   bar: 2
};

obj['baz quux'] = 3;

for (var key in obj) {
   console.log(key); // 输出 'foo' 和 'bar' 和 'baz quux'
}

由于 obj 的属性 'baz quux' 不是一个合法的 JavaScript 标识符，因此访问时需要使用中括号语法。但是，在使用 for in 语句遍历对象属性时，'baz quux' 也会被遍历到。

3. 如何避免 for in 的缺陷

为了避免 for in 语句的缺陷，可以使用其他语句类型来遍历对象，以满足具体场景下的需求。例如，使用 for 循环遍历数组或使用 Object.keys()、Object.values()、Object.getOwnPropertyNames() 等方式遍历对象属性。这些方式可以避免 for in 语句的缺陷，确保遍历结果的准确性和一致性。

示例一：使用 for 循环遍历数组

var arr = ['foo', 'bar', 'baz'];

for (var i = 0; i < arr.length; i++) {
   console.log(arr[i]); // 输出 'foo' 和 'bar' 和 'baz'
}

示例二：使用 Object.keys() 遍历对象属性

var obj = {
   foo: 1,
   bar: 2
};

Object.keys(obj).forEach(function(key) {
   console.log(key + '=>' + obj[key]); // 输出 'foo=>1' 和 'bar=>2'
});

4. 总结

for in 语句是 JavaScript 中用来遍历对象属性的一种常用语句，但是它也存在一些缺陷，例如遍历顺序不确定、遍历对象继承的属性和遍历对象非数字属性等。为了避免这些问题，可以使用其他语句类型或者方法来遍历对象属性，以满足具体场景下的需求。