Object entries in Javascript - Time & Space Complexity
We want to understand how long it takes to get all key-value pairs from an object using Object.entries.
How does the time grow when the object has more properties?
Analyze the time complexity of the following code snippet.
const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj);
for (const [key, value] of entries) {
console.log(key, value);
}
This code gets all key-value pairs from an object and prints them one by one.
Identify the loops, recursion, array traversals that repeat.
- Primary operation: Looping through all entries of the object.
- How many times: Once for each property in the object.
As the number of properties grows, the time to get and loop through entries grows proportionally.
| Input Size (n) | Approx. Operations |
|---|---|
| 10 | About 10 operations |
| 100 | About 100 operations |
| 1000 | About 1000 operations |
Pattern observation: The work grows in a straight line with the number of properties.
Time Complexity: O(n)
This means the time to get all entries grows directly with the number of properties.
[X] Wrong: "Object.entries is instant no matter how big the object is."
[OK] Correct: Actually, it must look at every property to make the list, so bigger objects take more time.
Knowing how Object.entries works helps you explain performance when working with objects in real projects.
"What if we used Object.keys instead of Object.entries? How would the time complexity change?"
Practice
Object.entries(obj) return when used on an object obj?Solution
Step 1: Understand Object.entries behavior
Object.entries takes an object and returns an array where each element is a two-item array: the key and its corresponding value.Step 2: Compare options to definition
Only An array of [key, value] pairs from the object correctly describes this output as an array of [key, value] pairs. Options A, C, and D describe different outputs.Final Answer:
An array of [key, value] pairs from the object -> Option DQuick Check:
Object.entries = array of [key, value] pairs [OK]
- Thinking it returns an object
- Confusing entries with keys or values only
- Expecting a flat array instead of pairs
data?Solution
Step 1: Recall the correct method name and usage
The correct method isObject.entries()called with the object as argument.Step 2: Check each option
Object.entries(data) uses the correct syntax. data.entries() is invalid because objects don't have an entries() method. Object.entry(data) uses a wrong method name. entries(Object.data) has incorrect syntax.Final Answer:
Object.entries(data) -> Option BQuick Check:
Correct method is Object.entries(obj) [OK]
- Calling entries as a method on the object
- Misspelling 'entries' as 'entry'
- Passing object incorrectly
const obj = {a: 1, b: 2};
console.log(Object.entries(obj));Solution
Step 1: Apply Object.entries to the object
Object.entries returns an array of arrays, each inner array has the key and value from the object.Step 2: Match output to options
For obj = {a:1, b:2}, output is [['a', 1], ['b', 2]] which matches [['a', 1], ['b', 2]] exactly.Final Answer:
[['a', 1], ['b', 2]] -> Option CQuick Check:
Object.entries(obj) = [['a', 1], ['b', 2]] [OK]
- Swapping keys and values
- Expecting a flat array of keys or values
- Confusing output format with JSON string
const user = {name: 'Alice', age: 25};
for (const [key, value] of user.entries()) {
console.log(key, value);
}Solution
Step 1: Identify method usage on object
Plain objects do not have an entries() method; Object.entries() is a static method on Object.Step 2: Correct usage
To iterate entries, usefor (const [key, value] of Object.entries(user))instead ofuser.entries().Final Answer:
user.entries() is not a function -> Option AQuick Check:
Objects lack entries() method; use Object.entries(obj) [OK]
- Calling entries() directly on object
- Confusing Object.entries with instance method
- Ignoring error message about missing function
const data = {x: 10, y: 0, z: null, w: 'hello'}, which code snippet correctly creates a new object with only entries having truthy values?Solution
Step 1: Filter entries with truthy values
Use Object.entries(data) to get pairs, then filter pairs where value is truthy (non-zero, non-null, non-false).Step 2: Convert filtered entries back to object
Use Object.fromEntries() on filtered array to create new object with only truthy values.Final Answer:
Object.fromEntries(Object.entries(data).filter(([k, v]) => v)) -> Option AQuick Check:
Filter entries then fromEntries to object [OK]
- Forgetting to convert back to object
- Using map instead of filter
- Trying to call filter on object directly
Ready to prove it?
Pass the test and this pattern moves unknown
