for in
- 会遍历对象、数组以及该对象原型链上可以枚举的属性
- 返回的结果都是String类型
- 在某些情况下，遍历数组的顺序可能是随机的
1234567891011121314 |
Array.prototype.getLength = function() { return this.length;};var arr = ['a', 'b', 'c'];arr.name = 'June';Object.defineProperty(arr, 'age', { enumerable: true, value: 17, writable: true, configurable: true});for(var i in arr) { console.log(i); }
|
不推荐在数组中使用for in遍历
如果使用for in遍历对象，我们一般只需要该对象的属性，而不需要该对象原型链上的属性。这时我们可以用hasOwnProperty来筛选
123456789101112131415161718 |
const person = { name: 'mark', sex: 'male'};Object.prototype.age = 20;for (let i in person) { console.log(i);}// name, sex, agefor (let j in person) { if (person.hasOwnProperty(j)) { console.log(j); }}// name, sex// 拓展，获取对象自身所有属性console.log(Object.getOwnPropertyNames(person))// [name, sex]
|
Object.keys
- 返回对象自身可枚举属性所组成的数组
- 不会遍历对象原型链上的属性以及symbol属性
- 按顺序遍历
123456789101112131415 |
function () { this.name = 'June';}Person.prototype.getName = function() { return this.name;}var person = new Person();Object.defineProperty(person, 'age', { enumerable: true, value: 17, writable: true, configurable: true});console.log(Object.keys(person));大专栏 in、Object.keysmment">// ['name', 'age']
|
如果需要对象所有属性名，推荐使用该方法
for of
- 支持遍历Array、Array like Object(DOM NodeList、arguments)，String、Map、Set等类型
- 不支持遍历普通对象以及原型链上的属性
- 遍历的结果为String类型的Value
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
// 1. 不会遍历到对象属性及其原型属性Array.prototype.getLength = function() { return this.length;};var arr = ['a', 'b', 'c'];arr.name = 'June';Object.defineProperty(arr, 'age', { enumerable: true, value: 17, writable: true, configurable: true});for(let i of arr) { console.log(i); // a,b,c}
// 2. 如果要遍历对象，可与 Object.keys 配合var person = { name: 'June', age: 17, city: 'guangzhou'}for(var key of Object.keys(person)) { console.log(person[key]); // June, 17, guangzhou}
//拓展Object.entries()会返回多个由对象属性Key和Value组成的数组const arr = { name: 'mike', age: 18};console.log(Object.entries(arr));// [['name', 'mike'], ['age', '18']]
// 3. 配合 entries 输出数组索引和值/对象的键值var arr = ['a', 'b', 'c'];for(let [index, value] of Object.entries(arr)) { console.log(index, ':', value); // 0:a, 1:b, 2:c}var obj = {name: 'June', age: 17, city: 'guangzhou'};for(let [key, value] of Object.entries(obj)) { console.log(key, ':', value); // name:June,age:17,city:guangzhou}
|
原文地址：https://www.cnblogs.com/dajunjun/p/11698490.html
时间： 2024-07-31 00:32:24