Section 1.1: Using the for-in Loop

One straightforward method to iterate over a JavaScript associative array object is by utilizing the for-in loop. Consider the following example:

const obj = {

a: 1,

b: 2,

c: 3

}

for (const key in obj) {

const value = obj[key];

console.log(key, value);

}

In this snippet, we define an object called obj that contains several key-value pairs. The for-in loop allows us to traverse through the keys of the object, and within the loop, we can access the corresponding property values using obj[key]. Consequently, the console will output:

a 1

b 2

c 3

Section 1.2: Utilizing Object.entries with forEach

Another approach involves the Object.entries method, which generates an array of key-value pairs that we can then iterate over using the forEach method. Here’s how it works:

const obj = {

a: 1,

b: 2,

c: 3

}

Object.entries(obj).forEach(([key, value]) => console.log(key, value));

In this example, we invoke forEach with a callback that destructures the array into key and value variables. The results will mirror those obtained from the for-in loop.

Section 1.3: Employing the for-of Loop

A third option is to utilize the for-of loop for iterating through the key-value pairs. The implementation looks like this:

const obj = {

a: 1,

b: 2,

c: 3

}

for (const [key, value] of Object.entries(obj)) {

console.log(key, value);

}

Here, we again use Object.entries to produce an array of key-value pairs, from which we destructure the key and value within the loop. The output remains consistent with the previous methods.