Front End Technology Articles

Page 224 of 652

Converting a comma separated string to separate arrays within an object JavaScript

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 678 Views

When working with comma-separated strings containing hierarchical data, we often need to parse them into structured objects. This article shows how to convert a string like 'dress/cotton/black, dress/leather/red' into an organized object with arrays. The Problem Suppose we have a string like this: const str = 'dress/cotton/black, dress/leather/red, dress/fabric, houses/restaurant/small, houses/school/big, person/james'; We need to create a JavaScript function that converts this into an object where each category becomes a key, and all related values are grouped into arrays: const output = { dress: ["cotton", "black", "leather", "red", "fabric"], ...

Read More

Count number of entries in an object having specific values in multiple keys JavaScript

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 354 Views

In JavaScript, you often need to count objects in an array that match specific criteria across multiple properties. This is commonly done using the filter() method combined with conditional logic. Suppose we have an array of objects representing trade data: const arr = [ {"goods":"Wheat", "from":"GHANA", "to":"AUSTRALIA"}, {"goods":"Wheat", "from":"USA", "to":"INDIA"}, {"goods":"Wheat", "from":"SINGAPORE", "to":"MALAYSIA"}, {"goods":"Wheat", "from":"USA", "to":"INDIA"}, ]; We need to count objects where the "from" property equals "USA" and the "to" property equals "INDIA". Using filter() and length ...

Read More

How to sort a JavaScript object list based on a property when the property is not consistent

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 170 Views

When sorting JavaScript object arrays with inconsistent properties, you need a custom comparator function. This scenario commonly occurs when some objects have date values while others have null or undefined dates. The requirement is to display objects without dates at the top (sorted alphabetically by name), followed by objects with dates (sorted chronologically). Problem Overview Consider an array where some objects have date properties and others don't: const items = [ { name: "Charlie", date: "2024-03-15" }, { name: "Alice", date: null }, ...

Read More

Convert 2d tabular data entries into an array of objects in JavaScript

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 239 Views

Converting 2D tabular data into an array of objects is a common requirement when working with datasets. This transformation groups rows by a unique identifier and creates objects with dynamic properties. Problem Overview Suppose we have an array of arrays representing tabular data: const arr = [ ["Ashley", "2017-01-10", 80], ["Ashley", "2017-02-10", 75], ["Ashley", "2017-03-10", 85], ["Clara", "2017-01-10", 90], ["Clara", "2017-02-10", 82] ]; We need to transform this into an array of objects where each unique name becomes a ...

Read More

Best way to flatten an object with array properties into one array JavaScript

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 878 Views

When you have an object containing arrays as values, you often need to flatten all these arrays into a single array. This is a common operation when working with grouped data. const obj = { arr_a: [9, 3, 2], arr_b: [1, 5, 0], arr_c: [7, 18] }; console.log("Original object:", obj); Original object: { arr_a: [ 9, 3, 2 ], arr_b: [ 1, 5, 0 ], arr_c: [ 7, 18 ] } The goal is to merge all array values into one ...

Read More

Subtracting array in JavaScript Delete all those elements from the first array that are also included in the second array

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 209 Views

Subtracting arrays in JavaScript involves removing all elements from the first array that exist in the second array. This operation is useful for filtering data and finding differences between datasets. Problem Statement Given two arrays, we need to delete all elements from the first array that are also present in the second array. const arr1 = ['uno', 'dos', 'tres', 'cuatro']; const arr2 = ['dos', 'cuatro']; // Expected output: ['uno', 'tres'] Using filter() with indexOf() The filter() method creates a new array with elements that pass a test. We use indexOf() to check ...

Read More

JavaScript: compare array element properties, and if identical, combine

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 137 Views

When working with arrays of objects, you often need to combine objects that have identical properties. In this example, we'll consolidate storage devices with the same size by adding up their counts. Suppose we have an array of objects containing information about data storage devices: const drives = [ {size:"900GB", count:3}, {size:"900GB", count:100}, {size:"1200GB", count:5}, {size:"900GB", count:1} ]; console.log("Original array:", drives); Original array: [ { size: '900GB', count: 3 }, { size: '900GB', count: ...

Read More

Implementing Math function and return m^n in JavaScript

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 245 Views

We are required to write a JavaScript function that takes in two numbers say m and n. Then function should calculate and return m^n. For example − For m = 4, n = 3, then power(4, 3) = 4^3 = 4 * 4 * 4 = 64 power(6, 3) = 216 Using Built-in Math.pow() Method JavaScript provides the built-in Math.pow() method for calculating powers: console.log(Math.pow(4, 3)); // 4^3 console.log(Math.pow(6, 3)); // 6^3 console.log(Math.pow(2, -2)); // 2^(-2) = 1/4 64 216 0.25 Custom Implementation Using Recursion ...

Read More

Finding the sub array that has maximum sum JavaScript

AmitDiwan
AmitDiwan
Updated on 15-Mar-2026 588 Views

We are required to write a JavaScript function that takes in an array of numbers. The array can contain both positive and negative numbers. The purpose of our function is to find the subarray (of any length) whose elements when summed give the maximum sum. This problem is known as the Maximum Subarray Problem and is commonly solved using Kadane's Algorithm. For example, if the input array is: const arr = [-2, 1, -3, 4, -1, 2, 1, -5, 4]; Then the output should be: 6 Because the subarray [4, ...

Read More

Difference between two strings JavaScript

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

We are given two strings, say s and t. String t is generated by random shuffling string s and then add one more letter at a random position. We are required to write a JavaScript function that takes both these strings and returns the letter that was added to t. For example − If the input strings are − const s = "abcd", t = "abcde"; Then the output should be − const output = "e"; because 'e' is the letter that was added. Method 1: Using XOR ...

Read More
Showing 2231–2240 of 6,519 articles
« Prev 1 222 223 224 225 226 652 Next »
Advertisements