Unleash the Power of Arrays: Looping Techniques in JavaScript

Arrays are fundamental information systems that shop collections of items, making them important for handling lists, gadgets, and extra for your Okpediaa website. This guide unlocks the secrets and techniques of looping via arrays and unharness the energy of Arrays: Looping strategies in JavaScript. you can study java script from this internet site Java Script.

Array

A data type that stores a hard and fast of elements, each recognized through an index or key.

FOR LOOP

Copied!array = [ 1, 2, 3, 4, 5, 6];
 for (index = zero; index < array.duration; index++)
    {
        console.log(array[index]);
}
// OUTPUT
// 1 2 3 4 5 6
array = [ 1, 2, 3, 4, 5, 6];
 for (index = zero; index < array.duration; index++)
    {
        console.log(array[index]);
}
// OUTPUT
// 1 2 3 4 5 6

While LOOP

Copied!index = zero;

array = [ 1, 2, 3, 4, 5, 6];

while (index < array.length) {
  console.log(array[index]); 
    index++;
}
// OUTPUT

// 1 2 3 4 5 6
index = zero;

array = [ 1, 2, 3, 4, 5, 6];

while (index < array.length) {
  console.log(array[index]); 
    index++;
}
// OUTPUT

// 1 2 3 4 5 6

EVERY

Copied!index = 0;

array = [1, 2, 3, 4, 5, 6];

const under_five = x => x < 5;

if (array.every(under_five)) {

console.log('All are less than 5');

}

else {

console.log('At least one element is not less than 5');

}
// OUTPUT

// At least one element is not less than 5.
index = 0;

array = [1, 2, 3, 4, 5, 6];

const under_five = x => x < 5;

if (array.every(under_five)) {

console.log('All are less than 5');

}

else {

console.log('At least one element is not less than 5');

}
// OUTPUT

// At least one element is not less than 5.

FOR EACH LOOP

Copied!index = 0;

array = [ 1, 2, 3, 4, 5, 6];

array.forEach(myFunction);

function myFunction(item, index) {

console.log(item);

}
// OUTPUT

// 1 2 3 4 5 6
index = 0;

array = [ 1, 2, 3, 4, 5, 6];

array.forEach(myFunction);

function myFunction(item, index) {

console.log(item);

}
// OUTPUT

// 1 2 3 4 5 6

MAP

Copied!index = 0;

array = [ 1, 2, 3, 4, 5, 6];

square = x => Math.pow(x, 2); squares = array.map(square);

console.log(array);

console.log(squares);

// OUTPUT 
// 1 2 3 4 5 6
// 1 4 9 16 25 36
index = 0;

array = [ 1, 2, 3, 4, 5, 6];

square = x => Math.pow(x, 2); squares = array.map(square);

console.log(array);

console.log(squares);

// OUTPUT 
// 1 2 3 4 5 6
// 1 4 9 16 25 36

Filter 

The filter() technique creates a brand new array with array elements that passes a take a look at.

Copied!var numbers = [45, 4, 9, 16, 25];

var over18 = numbers.clear out(myFunction);

record.getElementById("demo").innerHTML = over18;

feature myFunction (price, index, array) {

go back value > 18;

}

// OUTPUT
//45,25
var numbers = [45, 4, 9, 16, 25];

var over18 = numbers.clear out(myFunction);

record.getElementById("demo").innerHTML = over18;

feature myFunction (price, index, array) {

go back value > 18;

}

// OUTPUT
//45,25

Reduce

The lessen() method runs a characteristic on each array detail to produce (lessen it to) a single fee. The lessen() approach does no longer reduce the genuine array.

Copied!var numbers = [45, 4, 9, 16, 25];

var sum = numbers.reduce(myFunction);

document.getElementById("demo").innerHTML = "The sum is " + sum;

function myFunction (total, fee, index, array) { go back total + cost; }

// OUTPUT

// The sum is ninety nine
var numbers = [45, 4, 9, 16, 25];

var sum = numbers.reduce(myFunction);

document.getElementById("demo").innerHTML = "The sum is " + sum;

function myFunction (total, fee, index, array) { go back total + cost; }

// OUTPUT

// The sum is ninety nine

A list OF JAVASCRIPT ARRAY Strategies

Copied!.map()                                    .filter out()   

.kind()                                   .forEach()

.concat()                                 .some()  

.consists of()                            .join()

.reduce()                                 .find()

.reverse()                                .push()

.findIndex()                              .indexOf()

.Fill()                                   .slice()

.pop()                                    .shift()

 .unshift()
.map()                                    .filter out()   

.kind()                                   .forEach()

.concat()                                 .some()  

.consists of()                            .join()

.reduce()                                 .find()

.reverse()                                .push()

.findIndex()                              .indexOf()

.Fill()                                   .slice()

.pop()                                    .shift()

 .unshift()