Open In App

How to calculate the XOR of array elements using JavaScript ?

Improve
Improve
Like Article
Like
Save
Share
Report

In this article, we are given an array, and the task is to find the XOR of Array elements using JavaScript. There are two approaches to solve this problem which are discussed below: 

Method 1: It uses a simple method to access the array elements by an index number and use the loop to find the XOR of values of an Array using JavaScript. 

Example: This example uses a simple method to find the XOR of Array elements using JavaScript. 

html




<!DOCTYPE html>
<html>
<head>
    <title>
        How to Find the XOR of Values
        of an Array in JavaScript?
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
  
    <h3>
        How to Find the XOR of Values
        of an Array in JavaScript?
    </h3>
  
    <h4>
        ----Given Array----<br>
        [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    </h4>
  
    <button onclick="myGeeks()">Click</button>
  
    <p id="gfg"></p>
  
    <script>
        function XOR(input)
        {
            if (toString.call(input) !== "[object Array]")
            return false;
          
            var total = Number(input[0]);
            for(var i=1;i<input.length;i++) {                
                if(isNaN(input[i])){
                    continue;
                }
              
                total ^= Number(input[i]);
            }
            return total;
        }
        function myGeeks(item) {
                document.getElementById("gfg").innerHTML
                    = "----XOR of Array----" + "<br>"
                    + XOR([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);
            }
    </script>
</body>
</html>


Output:

How to calculate the XOR  of array elements using JavaScript ?

How to calculate the XOR  of array elements using JavaScript ?

Using reduce() method: The array reduce() method in JavaScript is used to reduce the array to a single value and executes a provided function for each value of the array (from left-to-right) and the return value of the function is stored in an accumulator.

 Syntax:

array.reduce( function( total, currentValue, currentIndex, arr ), initialValue )

Example: This example uses the array reduce() method to find the XOR of values of an Array using JavaScript. 

html




<!DOCTYPE html>
<html>
<head>
    <title>
        How to Find the XOR of Values
        of an Array in JavaScript?
    </title>
</head>
  
<body style="text-align:center;">
  
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
  
    <h3>
        How to Find the XOR of Values
        of an Array in JavaScript?
    </h3>
  
    <h4>
        ----Given Array----<br>
        [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
    </h4>
  
    <button onclick="myGeeks()">
        Click Here!
    </button>
  
    <br><br>
  
    XOR: <span id="GFG"></span>
  
    <script>
        var arr=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
          
        function ORofArray(XOR, num) {
            return XOR ^ num;
        }
        function myGeeks(item) {
            document.getElementById("GFG").innerHTML
                = arr.reduce(ORofArray);
        }
    </script>
</body>
</html>


Output:

How to calculate the XOR  of array elements using JavaScript ?

How to calculate the XOR  of array elements using JavaScript ?



Last Updated : 06 Feb, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads