🎯 O Trio indispensável da Captura de Caminho em URLs com JavaScript

Quando lidamos com URLs em aplicações web, é comum precisarmos extrair partes específicas, como o caminho (path) ou parâmetros. Uma forma simples e poderosa de fazer isso em JavaScript é utilizando três métodos que formam um verdadeiro trio mágico:

javascript
CopiarEditar
let endereco = "http://charlao.com.br/cursos/teologia/angelologia/7"

let verificaFrase = endereco.includes("/cursos")
let inicioDaFrase = endereco.indexOf("/cursos")
let parametros = endereco.slice(inicioDaFrase)

console.log(verificaFrase)     // true
console.log(inicioDaFrase)     // 22
console.log(parametros)        // /cursos/teologia/angelologia/7

🔍 1. includes(): Tem ou não tem?

Esse método retorna true ou false indicando se uma string existe dentro da outra. Aqui usamos para verificar se a URL contém /cursos:

js
CopiarEditar
endereco.includes("/cursos") // true

Isso já é uma pista de que podemos prosseguir com a extração.

📌 2. indexOf(): Onde começa?

O indexOf() retorna a posição exata (índice) de onde a substring começa. Isso é útil para sabermos onde cortar:

js
CopiarEditar
endereco.indexOf("/cursos") // 22

✂️ 3. slice(): Corte cirúrgico

O slice() faz o trabalho de fatiar a string a partir de um ponto inicial até o fim (ou até um ponto final, se informado):

js
CopiarEditar
endereco.slice(22) // "/cursos/teologia/angelologia/7"

O resultado é a parte que você deseja: tudo a partir de /cursos.

🚀 Conclusão

Com apenas três métodos simples (includes, indexOf e slice), você consegue verificar, localizar e extrair caminhos em URLs com muita precisão. Eles funcionam bem em lógica de roteamento, análise de navegação, filtros e muito mais.