Javascript Articles - Page 237 of 671

Heap Sort is basically a comparison-based sorting algorithm. It can be thought of as an improved selection sort − like that algorithm, it divides its input into a sorted and an unsorted region, and it interactively shrinks the unsorted region by extracting the target (largest or smallest) element and moving that to the sorted region.ExampleThe code for this will be −const constructHeap = (arr, ind) => {    let left = 2 * ind + 1;    let right = 2 * ind + 2;    let max = ind;    if (left < len && arr[left] > arr[max]) { ... Read More

We are required to write a JavaScript function that takes in a string that represents a binary code. The function should return the alphabetical representation of the string.For example −If the binary input string is −const str = '1001000 1100101 1101100 1101100 1101111 100000 1010111 1101111 1110010 1101100 1100100';Then the output should be −const output = 'Hello World';ExampleThe code for this will be −const str = '1001000 1100101 1101100 1101100 1101111 100000 1010111 1101111 1110010 1101100 1100100'; const binaryToString = (binary = '') => {    let strArr = binary.split(' ');    const str = strArr.map(part => {       return String.fromCharCode(parseInt(part, 2));    }).join('');    return str; }; console.log(binaryToString(str));OutputAnd the output in the console will be −Hello World

We are required to write a JavaScript function that takes in a string as the only input. The function should construct and return the binary representation of the input string.For example −If the input string is −const str = 'Hello World';Then the output should be −const output = '1001000 1100101 1101100 1101100 1101111 100000 1010111 1101111 1110010 1101100 1100100';ExampleThe code for this will be −const str = 'Hello World'; const textToBinary = (str = '') => {    let res = '';    res = str.split('').map(char => {       return char.charCodeAt(0).toString(2);    }).join(' ');    return res; }; console.log(textToBinary('Hello World'));OutputAnd the output in the console will be −1001000 1100101 1101100 1101100 1101111 100000 1010111 1101111 1110010 1101100 1100100

We are required to write a JavaScript function that takes in an array of Numbers as the first argument and a number, say n, as the second argument.Our function should then pick the n greatest numbers from the array and return a new array consisting of those numbers.ExampleThe code for this will be −const arr = [3, 4, 12, 1, 0, 5, 22, 20, 18, 30, 52]; const pickGreatest = (arr = [], num = 1) => {    if(num > arr.length){       return [];    };    const sorter = (a, b) => b - a;   ... Read More

We are required to write a JavaScript function that takes in an array of literal values.The array might contain some repeating values.Our function should remove all the values from the array that are repeating. We are required to remove all instances of all such elements.ExampleThe code for this will be −const arr = [1, 2, 3, 2, 4]; const removeAllInstances = (arr = []) => {    filtered = arr.filter(val => {       const lastIndex = arr.lastIndexOf(val);       const firstIndex = arr.indexOf(val);       return lastIndex === firstIndex;    });    return filtered; }; console.log(removeAllInstances(arr));OutputAnd the output in the console will be −[ 1, 3, 4 ]

Suppose, we have an array of objects that contains data about some students like this −const arr = [{    name: 'A',    idNo: 1,    marks: {       math: 98,       sci: 97,       eng: 89    } }, {    name: 'B',    idNo: 2,    marks: {       math: 88,       sci: 87,       eng: 79    } }, {    name: 'C',    idNo: 3,    marks: {       math: 87,       sci: 98,       eng: 91   ... Read More

In this article, we will learn to build a JavaScript function that calculates the complementary color for a given hex color code. In web development working with colors and their relationships is an essential aspect of design and user interface. One of the concepts that designers often use is complementary colors—colors that are opposite each other on the color wheel, providing contrast and enhancing the visual appeal.You can try our Online Color Picker Tool to create new colors. Understanding Complementary Colors The following is the knowledge through which we understand complementary colors − Complementary ... Read More

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

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

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