JavaScript technical Interview Question & Answers
1. How to find Duplicate elements in a given Array ?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Duplicates Elements in Array</h1>
<div id="demo"></div>
</body>
<script>
const arrNumber = [1,2,3,4,5,8,2,9,3]
const duplicates = [Link]((ele,index,arr)=>
[Link](ele)!==index
[Link]('demo').innerHTML = duplicates;
</script>
</html>
2. How to find Max and Min value in given array in JavaScript?
Math Function MethodS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Max and Min Array in JavaScripts</h1>
<p>Array: <span id="array"></span></p>
<p>Maximum Value: <span id="max"></span></p>
<p>Minimum Value: <span id="min"></span></p>
</body>
<script>
// Sample array
const numbers = [12, 45, 2, 67, 89, 3, 22];
// Display the array
[Link]("array").textContent = [Link](", ");
// Find max and min using Math functions
const max = [Link](...numbers);
const min = [Link](...numbers);
// Display results
[Link]("max").textContent = max;
[Link]("min").textContent = min;
// Second Method
const arrNumber = [1,9,87,65,79,65];
const maxFunction = (arr) =>{
return [Link](function(pre,cur){
return pre>cur ? pre:cur
})
}
[Link](maxFunction(arrNumber))
</script>
</html>
Array Method
3. What’s difference between == and === in JavaScript?
• Both are Comparison Operators.
• The difference between both the operators is that, `==` is used to compare values
whereas, `===` is used to compare both value and types.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>What is Difference between == & === </h1>
<h3 id="demo"></h3>
</body>
<script>
var x = 7;
var y = "7";
[Link]('demo').innerHTML = "Comparison is: " + (x===y);
</script>
</html>
4. How To find The Largest number in array
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>Find the Largest Number in an Array</h2>
<p id="result"></p>
</body>
<script>
// Example array
let numbers = [5, 8, 12, 3, 19, 7];
// Method 1: Using [Link] with Spread Operator
let largest1 = [Link](...numbers);
// Method 2: Using Loop
let largest2 = numbers[0];
for (let i = 1; i < [Link]; i++) {
if (numbers[i] > largest2) {
largest2 = numbers[i];
// Display the result
[Link]("result").innerHTML =
"Largest number ([Link]): " + largest1 +
"<br>Largest number (Loop): " + largest2;
</script>
</html>
5. what is difference between Filter and Find method
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p id="demo"></p>
<p id="result"></p>
</body>
<script>
// filter
let numbers = [10, 20, 30, 40, 50];
let result = [Link](num => num > 25);
[Link]('demo').innerHTML = result;
// find
let number = [10, 20, 30, 40, 50];
let results = [Link](num => num > 25);
[Link]('result').innerHTML = results;
</script>
</html>
[Link] to find the missing number in array?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>Missing Numbers Finder (1 to 10)</h2>
<p id="result"></p>
</body>
<script>
let arr = [1, 2, 4, 6, 7, 10];
let missing = [];
for (let i = 1; i <= 10; i++) {
if () {
[Link](i);
[Link]("result").innerHTML =
"Missing numbers: " + [Link](", ");
</script>
</html>
7. Odd or Even
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>Find Even and Odd Numbers in an Array</h2>
<p id="even"></p>
<p id="odd"></p>
</body>
<script>
// Example array
let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let evenNumbers = [];
let oddNumbers = [];
// Loop through array
for (let num of numbers) {
if (num % 2 === 0) {
[Link](num);
} else {
[Link](num);
}
}
// Display results
[Link]("even").innerHTML = "Even Numbers: " + [Link](", ");
[Link]("odd").innerHTML = "Odd Numbers: " + [Link](", ");
</script>
</html>
8. Sum All Element
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>Sum of All Elements in an Array</h2>
<p id="result"></p>
</body>
<script>
// Example array
let numbers = [5, 10, 15, 20];
// Method 1: Using reduce()
let sum1 = [Link]((total, num) => total + num, 0);
// Method 2: Using loop
let sum2 = 0;
for (let i = 0; i < [Link]; i++) {
sum2 += numbers[i];
// Display results
[Link]("result").innerHTML =
"Sum using reduce(): " + sum1 +
"<br>Sum using loop: " + sum2;
</script>
</html>
9. How To find the factorial number?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>Factorial Calculator</h2>
<label>Enter a number: </label>
<input type="number" id="num" placeholder="Factorial Number">
<button onclick="findFactorial()">Calculate</button>
<p id="result"></p>
</body>
<script>
function findFactorial() {
let n = parseInt([Link]("num").value);
let factorial = 1;
// Factorial logic using loop
for (let i = 1; i <= n; i++) {
factorial *= i;
[Link]("result").innerHTML =
"Factorial of " + n + " is: " + factorial;
</script>
</script>
</html>
10. How to find the Prime number
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>Prime Number Checker</h2>
<label>Enter a number: </label>
<input type="number" id="num" placeholder="Prime Numbe">
<button onclick="checkPrime()">Check</button>
<p id="result"></p>
</body>
<script>
function checkPrime() {
let n = parseInt([Link]("num").value);
let isPrime = true;
// Prime check logic
if (n <= 1) {
isPrime = false; // Numbers <= 1 are not prime
} else {
for (let i = 2; i <= [Link](n); i++) {
if (n % i === 0) {
isPrime = false;
break;
// Display result
if (isPrime) {
[Link]("result").innerHTML = n + " is a Prime Number.";
} else {
[Link]("result").innerHTML = n + " is NOT a Prime Number.";
</script>
</html>