Javascript array.every() method calls every item in the element and checks its value against the condition. It returns boolean value true only if all items checked against condition result valid. Even if one single item does not match the condition than the result for all the items will be false.

Syntax of array every() method

array.every(callback_function(item, index, array){
    //condition checking
}, extra_arguments );

Table of Contents

• Examples of implementation of Array every() method
• Program to check if array contains all numbers of even number
• Play with every method
• Conclusion

Examples of implementation of Array every() method

Program to check if array contains all numbers of even number

let random_numbers = [-5, 3, 9, 13, 11, 21];

let result = random_numbers.every(function(item, index, array){
    return (item%2==0);
});

console.log("Does array random_number has any even number : "+result);

//Console Output
Does array random_number has any even number : false

Array random_numbers contain numbers belong to positive and negative integers. We’ll be checking all number is array are even for this we use condition (item%2==0) that is if item MOD 2 is equal to zero then that number will be considered are even number. The Variable result holds a boolean value which returns true if all numbers in the array are even or else returns false.

Below is another program whose array consists of only positive and negative even numbers.

let random_numbers = [4, 6, 8, 10, -12, 14];

let result = random_numbers.every(function(item, index, array){
    return (item%2==0);
});

console.log("Does array random_number has any even number : "+result);

//Console Output
Does array random_number has any even number : true

The output of this array returns true because all the numbers in the array are even. It doesn’t matter whether they are positive even numbers or negative even numbers.

The below example is modified and we have added an additional condition which is (item%2==0 && item>0). The first checks whether a number is even or not and the second condition checks the number must be positive and greater than zero.

let random_numbers = [4, 6, 8, 10, -12, 14];

let result = random_numbers.every(function(item, index, array){
    return (item%2==0 && item>0);
});

console.log("Does array random_number has any even number : "+result);

//Console Output
Does array random_number has any even number : false

In this case, this program returns the output as false because a number -12 in an array is a negative integer and if one number doesn’t match the condition then complete output changes.

Play with every method

Below is an interactive program designed to teach you more about every() method. This program checks if students have scored min marks then the output will be “All students have scored min marks” else “No students have scored min marks”.You can also add new student information by going to the “Add Student Details” section and clicking on “Add New Student Info”.

Clicking on the button “Show Result” will display the output.

Source Code

<div>
    <h4>Add Student Details</h4>
    <label>Student Name</label>
    <input type="text" id="name" value="" />
    <br/>
    <label>Student Total Marks</label>
    <input type="number" id="total_marks" value="" />
    <br/>
    <button type="button" onclick="add_new_student_info()" >Add New Student Info</button>
    <br/>
    <hr/>

    <label>Enter min Marks</label>
    <input type="number" id="min_total_marks" value="" />
    <br/>
    <button type="button" onclick="show_result()" >Show Result</button>
    <br/>

    <p>Output : </p>
    <p id="output"></p>
    <br/>
    <h4>Students Array</h4>
    <pre id="output_pre" ></pre>

    <script>
        let name = document.getElementById('name');
        let total_marks = document.getElementById('total_marks');
        let output = document.getElementById('output');
        let output_pre = document.getElementById('output_pre');
        let min_total_marks = document.getElementById('min_total_marks');

        let student_marks = [
            {"name" : "Suma", "total_marks" : 152.5},
            {"name" : "Akshay", "total_marks" : 250},
            {"name" : "Kiran", "total_marks" : 98},
            {"name" : "Tushar", "total_marks" : 264},
        ];

        function refresh_json(){
            output_pre.innerText = JSON.stringify(student_marks, null, 2);
        }

        refresh_json();

        function add_new_student_info(){
            student_marks.push({"name" : name.value, "total_marks" : total_marks.value});
            refresh_json();
        }

        function show_result(){
            let result = student_marks.every(check_min_marks_secured_by_all_students,{"min_marks_scored" : min_total_marks.value});

            if(result){
                output.innerText = "All students have scored min marks";
            }else{
                output.innerText = "No students have scored min marks";
            }
        }

        function check_min_marks_secured_by_all_students(student, index, array){
            let min_marks_scored = this["min_marks_scored"];
            return (student["total_marks"]>=min_marks_scored);
        }
    </script>
</div>

Conclusion

We have reached the conclusion of our post Working with Javascript Array every() method with examples for Beginners. Comment if you have any doubts and if you like then help us grow by sharing this post.

Related Posts

• An Overview of Javascript Object.seal() Method for Beginners
• Learn Javascript Object.is() method for Beginners

Summary

Reviewer

The Code Learners

Review Date

2020-12-12

Reviewed Item

Working with Javascript Array every() method with examples for Beginners

Author Rating

5

Software Name

Javascript Programming

Software Name

Windows Os, Mac Os, Ubuntu Os

Software Category

Web Development