how to get particular string from url in javascript?

Question

example:https://www.google.com/upload/images/2021-5-3/3fde799e-1b53-33aa-b6b4-181d00a26a1f/output-001.svg

I want to get only "upload/images"

score 1 · Answer 1 · answered Jun 30 '21 at 09:07

By using the URL class you can get the pathname.

let url = new URL("https://www.google.com/upload/images/2021-5-3/3fde799e-1b53-33aa-b6b4-181d00a26a1f/output-001.svg");
$ url.pathname -> "/upload/images/2021-5-3/3fde799e-1b53-33aa-b6b4-181d00a26a1f/output-001.svg"

score 0 · Answer 2 · answered Jun 30 '21 at 09:10

0

let url = window.location.href;
let pathname = url.split('.com/')[1]
let param = pathname.split('/');
let result = `${param[0]}/${param[1]}`

This is a bit lengthy but gives you required result.

answered Jun 30 '21 at 09:10

Raj

116
6

1

This would break for any non-.com TLD. – riskRewarded Jun 30 '21 at 09:11
in that case we can use window.location.pathname instead of href. – Raj Jun 30 '21 at 09:13
1

True, but this also ignores the fact that the original post does not describe whether this is occurring in a scenerio where there is a window object, or in some other instance. – riskRewarded Jun 30 '21 at 09:16
yes, you are right, it works only in the code that has window object, mostly browser. – Raj Jun 30 '21 at 09:19

score 0 · Accepted Answer · answered Jun 30 '21 at 09:13

You could use a regular expression to match everything between 3rd and 5th slash, e.g.:

let url = "https://www.google.com/upload/images/2021-5-3/3fde799e-1b53-33aa-b6b4-181d00a26a1f/output-001.svg";
let result = url.replace(/[^/]*\/[^/]*\/[^/]*\/([^/]*\/[^/]*).*/, "$1");

which results in

"upload/images"

score 0 · Answer 4 · answered Jun 30 '21 at 10:27

This is the simple way to get the route (the URL without the domain):

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
    template: 'Play with the routes'
})
export class MyComponent {
    constructor(private router: Router) {}

    ngOnInit() {
        console.log(this.router.url);
    }
}

From this point onward is pretty easy to play with the route and get the pieces you want: for example, split the string when you find the / and join only the pieces that you want.

You can also think of use UrlSegment (documentation here).

You can also have a look at this other question here.

how to get particular string from url in javascript?

4 Answers4