Found 6683 Articles for Javascript

JavaScript - Complementary Colors Builder

AmitDiwan
Updated on 23-Nov-2020 10:57:15

684 Views

We are required to write a JavaScript function that takes in hex color as one and only input.Our function should then find the complementary color for the color taken in as input.Here are some input and output pairs −getComplementaryColor('#142814') = '#ebd7eb'; getComplementaryColor('#ffffff') = '#000000'; getComplementaryColor('#3399ff') = '#cc6600';ExampleThe code for this will be −const str1 = '#142814'; const str2 = '#ffffff'; const str3 = '#3399ff'; const getComplementaryColor = (color = '') => {    const colorPart = color.slice(1);    const ind = parseInt(colorPart, 16);    let iter = ((1

Filter JavaScript array of objects with another array

AmitDiwan
Updated on 23-Nov-2020 10:50:49

464 Views

Suppose, we have an array of objects like this −const arr = [    {area: 'NY', name: 'Bla', ads: true},    {area: 'DF', name: 'SFS', ads: false},    {area: 'TT', name: 'SDSD', ads: true},    {area: 'SD', name: 'Engine', ads: false},    {area: 'NSK', name: 'Toyota', ads: false}, ];We are required to write a JavaScript function that takes in one such array as the first argument and an array of string literals as the second argument.Our function should then filter the input array of objects to contain only those objects whose "area" property is included in the array of literals ... Read More

Remove the duplicate value from array with images data in JavaScript

AmitDiwan
Updated on 23-Nov-2020 10:49:21

364 Views

Suppose, we have some data regarding some images in an array like this −const arr = [{    'image': "jv2bcutaxrms4i_img.png",    'gallery_image': true }, {    'image': "abs.png",    'gallery_image': true }, {    'image': "acd.png",    'gallery_image': false }, {    'image': "jv2bcutaxrms4i_img.png",    'gallery_image': true }, {    'image': "abs.png",    'gallery_image': true }, {    'image': "acd.png",    'gallery_image': false }];We are required to write a JavaScript function that takes in one such array.Our function should remove the objects from the array that have duplicate values for the 'image' property.ExampleThe code for this will be −const arr ... Read More

Grouping nested array in JavaScript

AmitDiwan
Updated on 23-Nov-2020 10:47:13

648 Views

Suppose, we have an array of values like this −const arr = [    {       value1:[1, 2],       value2:[{type:'A'}, {type:'B'}]    },    {       value1:[3, 5],       value2:[{type:'B'}, {type:'B'}]    } ];We are required to write a JavaScript function that takes in one such array. Our function should then prepare an array where the data is grouped according to the "type" property of the objects.Therefore, for the above array, the output should look like −const output = [    {type:'A', value: [1, 2]},    {type:'B', value: [3, 5]} ];ExampleThe code ... Read More

JavaScript - array undefined element count

AmitDiwan
Updated on 23-Nov-2020 10:45:18

618 Views

We are required to write a JavaScript function that takes in an array of elements. The array of elements might contain some undefined values as well.Our function should count the length of the array and the count should only contain the count of defined elements.ExampleThe code for this will be −const arr = [12, undefined, "blabla", ,true, 44]; const countDefined = (arr = []) => {    let filtered;    filtered = arr.filter(el => {       return el !== undefined;    });    const { length } = filtered;    return length; }; console.log(countDefined(arr));OutputAnd the output in the console will be −4

JavaScript: create an array of JSON objects from linking two arrays

AmitDiwan
Updated on 23-Nov-2020 10:43:43

378 Views

Suppose, we have two arrays like these −const meals = ["breakfast", "lunch", "dinner"]; const ingredients = [    ["eggs", "yogurt", "toast"],    ["falafel", "mushrooms", "fries"],    ["pasta", "cheese"] ];We are required to write a JavaScript function that takes in two such arrays and maps the subarrays in the second array to the corresponding strings of the first array.Therefore, the output for the above arrays should look like −const output = {    "breakfast" : ["eggs", "yogurt", "toast"],    "lunch": ["falafel", "mushrooms", "fries"],    "dinner": ["pasta", "cheese"] };ExampleThe code for this will be −const meals = ["breakfast", "lunch", "dinner"]; const ingredients ... Read More

Combining two arrays in JavaScript

AmitDiwan
Updated on 23-Nov-2020 10:42:21

177 Views

We are required to write a JavaScript function that takes in two arrays of the same length.Our function should then combine corresponding elements of the arrays, to form the corresponding subarray of the output array, and then finally return the output array.If the two arrays are −const arr1 = ['a', 'b', 'c']; const arr2 = [1, 2, 3];Then the output should be −const output = [    ['a', 1],    ['b', 2],    ['c', 3] ];ExampleThe code for this will be −const arr1 = ['a', 'b', 'c']; const arr2 = [1, 2, 3]; const combineCorresponding = (arr1 = [], arr2 ... Read More

Remove item from a nested array by indices in JavaScript

AmitDiwan
Updated on 23-Nov-2020 10:41:00

1K+ Views

Suppose, we have a nested array of objects like this −const arr = [    { value: 'some value' },    {       array: [          { value: 'some value' },          {             array: [                { value: 'some value' },                { value: 'some value' },             ],          },          { value: 'some value' },          {   ... Read More

Join in nested array in JavaScript

AmitDiwan
Updated on 23-Nov-2020 10:35:41

376 Views

Suppose, we have a nested array like this −const arr = ['zero', ['one', 'two' , 'three', ['four', ['five', 'six', ['seven']]]]];We are required to write a JavaScript function that takes in a nested array. Our function should then return a string that contains all the array elements joined by a semicolon (';')Therefore, for the above array, the output should look like −const output = 'zero;one;two;three;four;five;six;seven;';ExampleThe code for this will be −const arr = ['zero', ['one', 'two' , 'three', ['four', ['five', 'six', ['seven']]]]]; const buildString = (arr = [], res = '') => {    for(let i = 0; i < arr.length; ... Read More

Retrieve property value selectively from array of objects in JavaScript

AmitDiwan
Updated on 23-Nov-2020 10:34:29

254 Views

Suppose, we have an array of objects like this −const arr = [    { id : "23", name : "Item 1", isActive : true},    { id : "25", name : "Item 2", isActive : false},    { id : "26", name : "Item 3", isActive : false},    { id : "30", name : "Item 4", isActive : true},    { id : "45", name : "Item 5", isActive : true} ];We are required to write a JavaScript function that takes in one such object and return an array of the value of "id" property of all those ... Read More

Advertisements