Hello all, today we will learn the ways to iterate the array & object in the javascript.
Loop are the basic way to iterate the array & object.
1. Map
map
is used to iterate the array elements & you can perform any operation on the element of the array like addition, subtraction, multiplication, division etc.
it takes a callback function to iterate the array and return a new array.
Syntax
[].map(callback);
Example
let array = [10,20,30,40,50];
let returnValue = array.map((element) => element*10);
console.log(returnValue);
// output
[ 100, 200, 300, 400, 500 ]
// in the map function we are multiplication 10 to every element.
2. forEach
forEach
is used to iterate the array elements & it takes a callback function that will be called with each iteration of the array elements.
Syntax
[].forEach(function(currentValue, index, arr), thisValue)
`currentValue` -> The value of the current element
`index` -> The array index of the current element
`arr` -> The array object the current element belongs to
`thisValue` -> A value to be passed to the function to be used as its "this" value.
If this parameter is empty, the value "undefined" will be passed as its "this" value
Example
let array = [10,20,30,40,50];
array.forEach((value, index, arr) => console.log(value, index, arr));
// output
10 0 (5) [10, 20, 30, 40, 50]
20 1 (5) [10, 20, 30, 40, 50]
30 2 (5) [10, 20, 30, 40, 50]
40 3 (5) [10, 20, 30, 40, 50]
50 4 (5) [10, 20, 30, 40, 50]
undefined
The undefined
is the returned value of the forEach() call.
3. for
for
loop is the most basic and used loop in the programming language.
for( initialization; condition; increment/decrement){
// Your logic
}
Example
let array = [10,20,30,40,50];
for(let i=0; i< array.length; i++){
console.log(array[i]);
}
// output
10
20
30
40
50
- it is the fastest loop as compared to other loops
- it is an in-built loop and does not take any callback
- it is used to iterate the large size of the array
- We can use the
break
keyword to stop the iteration of the array
4. while
while
loop executes the logic(code) once the condition is true.
// define any variable
while(condition){
// your logic
// increment/decrement the variable
}
Example
let array = [10,20,30,40,50];
let index = 0;
while (index < array.length) {
console.log(array[index]);
index++;
}
// output
10
20
30
40
50
5. Do while
do-while
loop executes the statement block atlease once the condition is false i.e. it will execute the statement once either the condition is false.
do {
// Your logic
}
while (condition);
Example
let result = '';
let i = 0;
do {
i = i + 1;
result = result + i;
} while (i < 5);
console.log(result);
// Output : "12345"
6. for in
This is used to iterate the properties of the object.
var array = { fname:"John", lname:"Doe", age:25 };
for(let element in array){
console.log(element, array[element]);
}
// output
fname John
lname Doe
age 25
- Easy to use
- Syntax is very easy
- Does not have any callback
7. for of
for of
is used to iterate the array of object.
Syntax
for (variable of iterable) {
// statement
}
Example
let array = [10,20,30,40,50];
for(let element of array){
console.log(element);
}
// output
10
20
30
40
50
- Easy to use
- Syntax is very easy
- Does not have any callback
Thank you :)
I will be happy to answer your queries on my Twitter handle Twitter
Top comments (0)