Access to array / JavaScript members

# Web Site Writing Basics

# javascript

# array

Reaching members in Array with For Loop in JavaScript can be done in a number of ways, but the most common and basic way is to use traditional for loop (traditional for loop) or use for...Of the loop, sir.

1. Traditional use for Loop

This has long been a popular method and provides maximum control. Using an index (index) to reach each member:

JavaScript

const myArray = ["Apple," "Banana," "Cherry," "Date"];

/ / Loop through Array using Index

for (let i = 0; i < myArray.length; i + +) {

const element = myArray [i];

console.log ('Index ${i}: ${element}');

}

Description:

Let i = 0: Start the counter (index) at 0 (the index of the first member).

i < myArray.length: loop as long as the counter (i) is less than the total length of Array.

i + +: Increase the counter by 1 in each cycle.

myArray [i]: Use the i counter as an index to access members in Array.

2. Use of fors...Of Loop

Here's a more modern and cleaner method for looping in Array directly. Without using indexes:

JavaScript

const myArray = ["Red," "Green," "Blue," "Yellow"];

/ / Loop through Array with direct access to member values.

For (const element of myArray) {

console.log ('Value: ${element}');

}

Description:

For (const element of myArray): In each cycle of iteration, the element variable is configured directly to the next member in the myArray.

This method is only suitable for accessing the value (value) of the subscriber, but it is not convenient if you also want to access the index (index).

3. Use of fors...In Loop (Caution)

Although, ford...In is available, but generally not recommended for looping in Array because it loops through all the keys or property names of the object (including properties that may be added to Array) and may provide the wrong order.

JavaScript

const myArray = ["Alpha," "Beta," "Gamma"];

/ / Loop via Array using Keys (Index) - Not Recommended for General Array

For (const index in myArray) {

const element = myArray [index];

console.log ('Index ${index}: ${element}');

}

Instructions: Should use fors...In for looping in Object Properties, not Array.