Front End Technology Articles

Page 170 of 652

Fetching odd appearance number in JavaScript

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 172 Views

Given an array of integers, we need to find the element that appears an odd number of times. There will always be exactly one such element. We can solve this problem using different approaches. The sorting approach iterates through a sorted array to count occurrences, while XOR provides an elegant mathematical solution. Method 1: Using Sorting This approach sorts the array first, then iterates through it to count consecutive identical elements. const arr = [20, 1, -1, 2, -2, 3, 3, 5, 5, 1, 2, 4, 20, 4, -1, -2, 5]; const findOddSorting = ...

Read More

How can I merge properties of two JavaScript objects dynamically?

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 311 Views

To merge properties of two JavaScript objects dynamically, you can use the spread operator ({...object1, ...object2}) or Object.assign(). Both methods create a new object containing properties from multiple source objects. Using Spread Operator (Recommended) The spread operator is the modern and most concise approach: var firstObject = { firstName: 'John', lastName: 'Smith' }; var secondObject = { countryName: 'US' }; var mergedObject = {...firstObject, ...secondObject}; console.log(mergedObject); { firstName: 'John', lastName: 'Smith', countryName: 'US' } Using Object.assign() ...

Read More

How to sort an array of integers correctly in JavaScript?

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 473 Views

To sort an array of integers correctly in JavaScript, use the sort() method with a comparison function. Without a comparison function, sort() converts numbers to strings, causing incorrect ordering. The Problem with Default sort() JavaScript's default sort() method converts elements to strings and sorts alphabetically, which doesn't work correctly for numbers: var numbers = [10, 2, 100, 5]; console.log("Default sort:", numbers.sort()); Default sort: [ 10, 100, 2, 5 ] Correct Integer Sorting Use a comparison function that returns the difference between two numbers: var arrayOfIntegers = [67, 45, ...

Read More

Understanding the find() method to search for a specific record in JavaScript?

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 549 Views

The find() method searches through an array and returns the first element that matches a specified condition. It's perfect for locating specific records in arrays of objects. Syntax array.find(callback(element, index, array)) Parameters callback - Function to test each element element - Current element being processed index (optional) - Index of current element array (optional) - The array being searched Return Value Returns the first element that satisfies the condition, or undefined if no element is found. Example: Finding a Student Record var students = [ ...

Read More

JavaScript map() is not saving the new elements?

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 180 Views

The map() method creates a new array with transformed elements but doesn't modify the original array. A common mistake is not assigning the returned value from map() to a variable. The Problem: Not Saving map() Results map() returns a new array, so you must capture its return value: let numbers = [1, 2, 3]; // Wrong: map() result is ignored numbers.map(x => x * 2); console.log(numbers); // Original array unchanged // Correct: assign the result let doubled = numbers.map(x => x * 2); console.log(doubled); // New array with transformed values [ ...

Read More

How to recognize when to use : or = in JavaScript?

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 329 Views

The colon (:) is used to define properties in objects, while the equal sign (=) is used to assign values to variables. Understanding when to use each is fundamental in JavaScript. Using Colon (:) in Objects The colon separates property names from their values when creating object literals: var studentDetails = { "studentId": 101, "studentName": "John", "studentSubjectName": "Javascript", "studentCountryName": "US" }; console.log(studentDetails); { studentId: 101, studentName: 'John', studentSubjectName: 'Javascript', ...

Read More

Is the !! (not not) operator in JavaScript equivalent to reverse process of not operator?

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 304 Views

Yes, the !! (not not) operator is the reverse process of the ! (not) operator. The single ! converts a value to its opposite boolean, while !! converts any value to its boolean equivalent. How the Not Operator Works The single ! operator converts truthy values to false and falsy values to true: var flag = true; console.log("Original value:", flag); console.log("Single ! result:", !flag); Original value: true Single ! result: false How the Not Not Operator Works The !! operator applies ! twice, effectively converting any value to its boolean ...

Read More

Using JSON.stringify() to display spread operator result?

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 1K+ Views

The spread operator (...) allows you to expand objects and arrays into individual elements. When combining objects with the spread operator, you can use JSON.stringify() to display the merged result as a formatted string. Syntax // Object spread syntax var result = { ...object1, ...object2 }; // Convert to JSON string JSON.stringify(result); Example Here's how to use the spread operator to merge objects and display the result: var details1 = { name: 'John', age: 21 }; var details2 = { countryName: 'US', subjectName: 'JavaScript' }; var result = { ...details1, ...details2 ...

Read More

How to concatenate the string value length -1 in JavaScript.

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 367 Views

In JavaScript, you can concatenate a string value (length-1) times using the Array() constructor with join(). This technique creates an array with empty elements and joins them with your desired string. Syntax new Array(count).join('string') Where count is the number of times you want to repeat the string, and the actual repetitions will be count - 1. How It Works When you create new Array(5), it generates an array with 5 empty slots. The join() method places the specified string between each element, resulting in 4 concatenated strings (length-1). Example var ...

Read More

How to generate array key using array index – JavaScript associative array?

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 394 Views

In JavaScript, you can create associative arrays (objects) using array indices as keys. This is useful for mapping array elements to their positions or creating key-value pairs from existing arrays. Using forEach() Method The forEach() method provides access to both the element and its index, allowing you to create dynamic object properties: var result = {}; var names = ['John', 'David', 'Mike', 'Sam', 'Bob', 'Adam']; names.forEach((nameObject, counter) => { var generatedValues = { [nameObject]: counter }; Object.assign(result, generatedValues); }); console.log(result); { John: 0, ...

Read More
Showing 1691–1700 of 6,519 articles
« Prev 1 168 169 170 171 172 652 Next »
Advertisements