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: