Get Filename from String Path in JavaScript

AmitDiwan
Updated on 18-Aug-2020 07:12:00

2K+ Views

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

Convert Array to Object in JavaScript

AmitDiwan
Updated on 18-Aug-2020 07:11:12

377 Views

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 } ]

Replace with Split in JavaScript to Append 0 for Single Digit After Comma

AmitDiwan
Updated on 18-Aug-2020 07:10:23

292 Views

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

Join Every Element of an Array with a Specific Character Using For Loop in JavaScript

AmitDiwan
Updated on 18-Aug-2020 07:09:13

275 Views

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

Stop Form Reloading in JavaScript

AmitDiwan
Updated on 18-Aug-2020 07:08:16

8K+ Views

Let’s say what we need to achieve is when the user submits this HTML form, we handle the submit event on client side and prevent the browser to reload as soon as the form is submittedHTML form Now, the easiest and the most reliable way of doing so is by tweaking our ValidateEmail() function to include the following line right at the top of its definition −function ValidateEmail(event, inputText){    event.preventDefault();    //remaining function logic goes here }What preventDefault() does is that it tells the browser to prevent its default behaviour and let us handle the form submitting ... Read More

Convert Object of Objects to Array in JavaScript

AmitDiwan
Updated on 18-Aug-2020 07:06:34

3K+ Views

Let’s say we have the following object of objects that contains rating of some Indian players, we need to convert this into an array of objects with each object having two properties namely name and rating where name holds the player name and rating holds the rating object −Following is our sample object −const playerRating = {    'V Kohli':{       batting: 99,       fielding: 99    },    'R Sharma':{       batting: 98,       fielding: 95    },    'S Dhawan':{       batting: 92,       fielding: 90 ... Read More

Call Validate Function Outside InitValidation in JavaScript

AmitDiwan
Updated on 18-Aug-2020 07:02:11

177 Views

We wish to call the function validate() outside of initValidation(), without necessarily having to call initValidation()Following is our problem code −function initValidation(){    // irrelevant code here    function validate(_block){       // code here    } }In JavaScript, as we know that functions are nothing but objects, so to achieve this we can tweak our code like this −function initValidation(){    // irrelevant code here    function validate(_block){       // code here       console.log(_block);    }    this.validate = validate; }What this tweak does is that it makes our parent function to represent a ... Read More

Sorting by Next and Previous Properties in JavaScript Comparator Function

AmitDiwan
Updated on 18-Aug-2020 07:00:57

355 Views

Here is our sample array of object, consider each object as representing some page of a multipage website, each object have a next property (unless it represents the last page) that points to some id of another object and a previous property (unless it represents the first page) that points to some id of its previous object.These objects are all positioned randomly right now, our job is to sort them to their correct position −let arr = [    { id: "1325asdfasdasd", next: "5345341fgdfgdd", previous:"545234123fsdfd" },    { id: "das987as9dya8s", next: "3j12k3b1231jkj" },    { id: "89ad8sasds9d8s", previous: "1j3b12k3jbasdd" }, ... Read More

Sort Arrays by Two Criteria in JavaScript

AmitDiwan
Updated on 18-Aug-2020 06:58:19

3K+ Views

Let the following be the array to be sorted by date and isImportant. All the objects with isImportant property true rank higher than any any of the object with isImportant false and both the groups sorted according to the date property.Following is our array −const array = [{    id: 545,    date: 591020824000,    isImportant: false, }, {    id: 322,    date: 591080224000,    isImportant: false, }, {    id: 543,    bdate: 591080424000,    isImportant: true, }, {    id: 423,    date: 591080225525,    isImportant: false, }, {    id: 135,    date: 591020225525,    isImportant: ... Read More

Search Through an Array Using a Split String in JavaScript

AmitDiwan
Updated on 18-Aug-2020 06:56:19

222 Views

We are given an array of strings and another string for which we are required to search in the array. We can filter the array checking whether it contains all the characters that user provided through the input.The code for doing the same would be −ExampleSolution 1const deliveries = ["14/02/2020, 11:47, G12, Kalkaji", "13/02/2020, 11:48, A59, Amar Colony"]; const input = "g12, kal"; const pn = input.split(" "); const requiredDeliveries = deliveries.filter(delivery => pn.every(p => delivery.toLowerCase() .includes(p.toLowerCase()))); console.log(requiredDeliveries);OutputThe output in console −["14/02/2020, 11:47, G12, Kalkaji"]In another and a bit better approach we can remove the step of splitting the input ... Read More

Advertisements