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.

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


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.

filter_none

edit
close

play_arrow

link
brightness_4
code

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

chevron_right


Output:

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

full-stack-img




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.