How to calculate the XOR of array elements using JavaScript ?

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

Simple method: 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.

<!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:

Before click on the Button:
After click on the Button:

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 array reduce() method to find the XOR of values of an Array using JavaScript.

<!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:

Before click on the Button:
After click on the Button:

My Personal Notes

Recommended Posts: