Found 8591 Articles for Front End Technology

Group values on same property - JavaScript

AmitDiwan
Updated on 18-Sep-2020 13:17:16

320 Views

Suppose we have an array like this −const arr = [    {unit: 35, brand: 'CENTURY'},    {unit: 35, brand: 'BADGER'},    {unit: 25, brand: 'CENTURY'},    {unit: 15, brand: 'CENTURY'},    {unit: 25, brand: 'XEGAR'} ];We are required to write a function that groups all the brand properties of objects whose unit property is the same.Like for the above array, the new array should be −const output = [    {unit: 35, brand: 'CENTURY, BADGER'},    {unit: 25, brand: 'CENTURY, XEGAR'},    {unit: 15, brand: 'CENTURY'} ];We will loop over the array, search for the object with unit value ... Read More

Checking an array for palindromes - JavaScript  

AmitDiwan
Updated on 18-Sep-2020 13:15:59

972 Views

We are required to write a JavaScript function that takes in an array of String / Number literals and returns a subarray of all the elements that were palindrome in the original array.For example −If the input array is −const arr = ['carecar', 1344, 12321, 'did', 'cannot'];Then the output should be −const output = [12321, 'did'];We will create a helper function that takes in a number or a string and checks if it’s a boolean or not. Then we will loop over the array, filter the palindrome elements and return the filtered arrayExampleFollowing is the code −const arr = ['carecar', ... Read More

Fetching JavaScript keys by their values - JavaScript

AmitDiwan
Updated on 18-Sep-2020 13:14:25

197 Views

Suppose, we have an object like this −const products = {    "Pineapple":38,    "Apple":110,    "Pear":109 };All the keys are unique in themselves and all the values are unique in themselves. We are required to write a function that accepts a value and returns its keyFor example: findKey(110) should return −"Apple"We will approach this problem by first reverse mapping the values to keys and then simply using object notations to find their values.ExampleFollowing is the code −const products = {    "Pineapple":38,    "Apple":110,    "Pear":109 }; const findKey = (obj, val) => {    const res = {}; ... Read More

Splitting strings based on multiple separators - JavaScript

AmitDiwan
Updated on 18-Sep-2020 13:13:24

604 Views

We are required to write a JavaScript function that takes in a string and any number of characters specified as separators. Our function should return a splitted array of the string based on all the separators specified.For example −If the string is −const str = 'rttt.trt/trfd/trtr, tr';And the separators are −const sep = ['/', '.', ', '];Then the output should be −const output = [ 'rttt', 'trt', 'trfd', 'trtr' ];ExampleFollowing is the code −const str = 'rttt.trt/trfd/trtr, tr'; const splitMultiple = (str, ...separator) => {    const res = [];    let start = 0;    for(let i = 0; ... Read More

Convert number to tens, hundreds, thousands and so on - JavaScript

AmitDiwan
Updated on 18-Sep-2020 13:11:59

1K+ Views

We are required to write a function that, given a number, say, 123, will output an array −[100,20,3]Basically, the function is expected to return an array that contains the place value of all the digits present in the number taken as an argument by the function.We can solve this problem by using a recursive approach.ExampleFollowing is the code −const num = 123; const placeValue = (num, res = [], factor = 1) => {    if(num){       const val = (num % 10) * factor;       res.unshift(val);       return placeValue(Math.floor(num / 10), res, factor * 10);    };    return res; }; console.log(placeValue(num));OutputThis will produce the following output in console −[ 100, 20, 3 ]

Splitting an array based on its first value - JavaScript

AmitDiwan
Updated on 18-Sep-2020 13:10:51

353 Views

Suppose we have an array of arrays of numbers like this −const arr = [[1, 45], [1, 34], [1, 49], [2, 34], [4, 78], [2, 67], [4, 65]];Each subarray is bound to contain strictly two elements. We are required to write a function that constructs a new array where all second elements of the subarrays that have similar first value are grouped together.Therefore, for the array above, the output should look like −const output = [    [45, 34, 49],    [34, 67],    [78, 65] ];We can make use of the Array.prototype.reduce() method that takes help of a Map() ... Read More

Creating a two-dimensional array with given width and height in JavaScript

AmitDiwan
Updated on 18-Sep-2020 13:08:31

706 Views

We are required to write a JavaScript function that creates a multi-dimensional array based on some inputs. It should take in three elements, namely −row − the number of subarrays to be present in the array, col − the number of elements in each subarrayval minus; the val of each element in the subarraysFor example, if the three inputs are 2, 3, 10Then the output should be −const output = [[10, 10, 10], [10, 10, 10]];ExampleFollowing is the code −const row = 2; const col = 3; const val = 10; const constructArray = (row, col, val) => {   ... Read More

How to run a function after two async functions complete - JavaScript

AmitDiwan
Updated on 18-Sep-2020 13:07:14

2K+ Views

Suppose we have an array of two elements with both of its elements being two asynchronous functions. We are required to do some work, say print something to the console (for the purpose of this question) when the execution of both the async function completes.How can we approach this challenge?There are basically two ways to perform some task upon completion of some asynchronous task −Using promisesUsing async/await functionsBut when the code includes dealing with many (more than one) asynchronous functions then the Promise.all function of the former has an edge over the latter.ExampleFollowing is the code −const arr = [ ... Read More

Compare array elements to equality - JavaScript

AmitDiwan
Updated on 18-Sep-2020 13:05:21

650 Views

We are required to write a function which compares how many values match in an array. It should be sequence dependent. That means i.e. the first object in the first array should be compared to equality to the first object in the second array and so on.For example −If the two input arrays are −const arr1 = [4, 7, 4, 3, 3, 3, 7, 6, 5]; const arr2 = [6, 5, 4, 5, 3, 2, 5, 7, 5];Then the output should be 3.We can solve this problem simply by using a for loop and checking values at the corresponding indices ... Read More

Convert a string to hierarchical object - JavaScript

AmitDiwan
Updated on 18-Sep-2020 13:03:45

431 Views

Let’s say, we have a special kind of string that contains characters in couple, like this −const str = "AABBCCDDEE";We are required to construct an object based on this string which should look like this −const obj = {    code: "AA",    sub: {        code: "BB",        sub: {            code: "CC",            sub: {                code: "DD",                sub: {                    code: "EE",     ... Read More

Advertisements