To embed the elements of an array inside a div, we just need to iterate over the array and keep appending the element to the divThis can be done like this −Exampleconst myArray = ["stone", "paper", "scissors"]; const embedElements = () => {    myArray.forEach(element => {       document.getElementById('result').innerHTML +=       `${element}`;       // here result is the id of the div present in the DOM    }); };This code makes the assumption that the div in which we want to display the elements of array has an id ‘result’.The complete code for this ... Read More

We have the following array of objects that contains two objects and we are required to combine both objects into one and get rid of the chk property altogether −const err = [    {       "chk" : true,       "name": "test"    },    {       "chk" :true,       "post": "test"    } ];Step 1 − Combining objects to form a single objectconst errObj = Object.assign(...err);Step 2 − Removing the chk propertydelete errObj['chk']; console.log(errObj);Let us now see the entire code with output −Exampleconst err = [    {       ... Read More

There exists two ways actually to clear the localStorage via JavaScript.Way1 − Using the clear() methodlocalStorage.clear();Way2 − Iterating over localStorage and deleting all keyfor(key in localStorage){ delete localStorage[key]; }Both ways will work.Example if (typeof(Storage) !== "undefined") {    localStorage.setItem("product", "Tutorix");    // cleared before displaying    localStorage.clear();    document.getElementById("storage").innerHTML = localStorage.getItem("product"); } else {    document.getElementById("storage").innerHTML = "Sorry, no Web Storage    compatibility..."; }

In this problem statement, our task is to find the number of spaces in a string with the help of Javascript functionalities. This task can be done with the help of the split method of Javascript. This method can be useful to split the string into an array of substrings as per the spaces. Logic for the given problem The problem stated that we have to find the number of spaces in a given string and we will use the split method. So at the very first step we will split the string and create an array of substrings as ... Read More

Let’s say we are given the following code and output and we need to figure out why JavaScript converts empty strings(“ “) to 0 −const digify = (str) => {    const parsedStr = [...str].map(Number)    return parsedStr; } console.log(digify("778 858 7577"))Output[ 7, 7, 8, 0, 8, 5, 8, 0, 7, 5, 7, 7 ]This behaviour can be very disturbing especially when we have some 0 in the string as wellThis actually happens because inside of the map() function when we are converting each character to its numerical equivalent using Number, what it does is it actually uses Abstract Equality ... Read More

Let’s say we are required to write a function that takes in an array and changes the id attribute of first n divs present in a particular DOM according to corresponding values of this array, where n is the length of the array.We will first select all divs present in our DOM, iterate over the array we accepted as one and only argument and assign the corresponding id to each div −The code for doing the same is −const array = ['navbar', 'sidebar', 'section1', 'section2', 'footer']; const changeDivId = (arr) => {    const divsArray = document.querySelectorAll('div');    arr.forEach((element, index) ... Read More

We need to write a function that takes in a string file path and returns the filename. Filename usually lives right at the very end of any path, although we can solve this problem using regex but there exists a simpler one-line solution to it using the string split() method of JavaScript and we will use the same here.Let’s say our file path is −"/app/base/controllers/filename.jsFollowing is the code to get file name from string path −Exampleconst filePath = "/app/base/controllers/filename.js"; const extractFilename = (path) => {    const pathArray = path.split("/");    const lastIndex = pathArray.length - 1;    return pathArray[lastIndex]; ... Read More

Let’s say we need to convert the following array of array into array of objects with keys as English alphabetconst data = [[1, 2, 3, 4], [5, 6, 7, 8], [9, 10, 11, 12]];This can be done by mapping over the actual arrays and reducing the subarrays into objects like the below example −Exampleconst data = [[1, 2, 3, 4], [5, 6, 7, 8], [9, 10, 11, 12]]; const dataArr = data.map(arr => { return arr.reduce((acc, cur, index) => ({    ...acc,       [String.fromCharCode(97 + index)]: cur    }), Object.create({})) }); console.log(dataArr);OutputThe console output for this code will be −[    { a: 1, b: 2, c: 3, d: 4 },    { a: 5, b: 6, c: 7, d: 8 },    { a: 9, b: 10, c: 11, d: 12 } ]

Let’s say our sample string is −const a = "250,5";If the number after “,” is a single digit we have to append a 0 to it,If the string contains more than one ‘,’, we have to return -1This can be done simply by combining the split() and replace() functions like this as in the below example −Exampleconst a = "250,5"; const roundString = (str) => {    if(str.split(",").length > 2){       return -1;    }    return a.replace(`,${a.split(",")[1]}`, `,${a.split(",")[1]}0`);; } console.log(roundString(a));OutputThe console output for this code will be −250,50

Here we are supposed to write a function that takes in two arguments, first an array of String or Number literals, second a String and we have to return a string that contains all the elements of the array prepended and appended by the string.For example −applyText([1, 2, 3, 4], ‘a’);should return ‘a1a2a3a4a’For these requirements, the array map() method is a better option than the for loop and the code for doing so will be −Exampleconst numbers = [1, 2, 3, 4]; const word = 'a'; const applyText = (arr, text) => {    const appliedString = arr.map(element => { ... Read More