Enumerability and Iteration
Understanding enumerable properties is crucial for controlling how your object's properties are accessed and manipulated in JavaScript. Properties in JavaScript objects have an enumerable attribute, which determines whether a property shows up during property enumeration, such as when using a for...in loop or Object.keys. By default, properties you add directly to an object are enumerable, meaning they are visible during iteration and methods that list object keys. However, sometimes you may want to have properties that are not visible during enumeration, such as internal values or helper functions. This is where controlling enumerability becomes valuable: it allows you to hide certain properties from loops and methods that operate on object keys, making your objects more robust and predictable.
12345678910111213141516const user = { name: "Alice" }; // Add an enumerable property Object.defineProperty(user, "age", { value: 30, enumerable: true }); // Add a non-enumerable property Object.defineProperty(user, "password", { value: "secret123", enumerable: false }); console.log(JSON.stringify(user)); // { name: 'Alice', age: 30 } console.log(user.password); // 'secret123'
With these properties in place, you can see how enumeration works in practice. When you use the for...in loop or Object.keys, only enumerable properties are included. In the user object above, "name" and "age" are enumerable, but "password" is not. This means "password" will not appear when you iterate through the object's properties. This behavior is important for protecting sensitive information or internal implementation details from being exposed unintentionally.
123456789101112131415161718192021222324const user = { name: "Alice" }; // Add an enumerable property Object.defineProperty(user, "age", { value: 30, enumerable: true }); // Add a non-enumerable property Object.defineProperty(user, "password", { value: "secret123", enumerable: false }); // Using for...in to iterate over properties for (let key in user) { console.log(key); // Outputs: name, age } // Using Object.keys to get enumerable property names console.log(Object.keys(user)); // ['name', 'age'] // Non-enumerable property "password" is not included console.log(user.password); // 'secret123'
Thanks for your feedback!
Ask AI
Ask AI
Ask anything or try one of the suggested questions to begin our chat
Awesome!
Completion rate improved to 7.69Enumerability and Iteration
Swipe to show menu
Understanding enumerable properties is crucial for controlling how your object's properties are accessed and manipulated in JavaScript. Properties in JavaScript objects have an enumerable attribute, which determines whether a property shows up during property enumeration, such as when using a for...in loop or Object.keys. By default, properties you add directly to an object are enumerable, meaning they are visible during iteration and methods that list object keys. However, sometimes you may want to have properties that are not visible during enumeration, such as internal values or helper functions. This is where controlling enumerability becomes valuable: it allows you to hide certain properties from loops and methods that operate on object keys, making your objects more robust and predictable.
12345678910111213141516const user = { name: "Alice" }; // Add an enumerable property Object.defineProperty(user, "age", { value: 30, enumerable: true }); // Add a non-enumerable property Object.defineProperty(user, "password", { value: "secret123", enumerable: false }); console.log(JSON.stringify(user)); // { name: 'Alice', age: 30 } console.log(user.password); // 'secret123'
With these properties in place, you can see how enumeration works in practice. When you use the for...in loop or Object.keys, only enumerable properties are included. In the user object above, "name" and "age" are enumerable, but "password" is not. This means "password" will not appear when you iterate through the object's properties. This behavior is important for protecting sensitive information or internal implementation details from being exposed unintentionally.
123456789101112131415161718192021222324const user = { name: "Alice" }; // Add an enumerable property Object.defineProperty(user, "age", { value: 30, enumerable: true }); // Add a non-enumerable property Object.defineProperty(user, "password", { value: "secret123", enumerable: false }); // Using for...in to iterate over properties for (let key in user) { console.log(key); // Outputs: name, age } // Using Object.keys to get enumerable property names console.log(Object.keys(user)); // ['name', 'age'] // Non-enumerable property "password" is not included console.log(user.password); // 'secret123'
Thanks for your feedback!
