JavaScript

Como remover a extensão do nome arquivo com JavaScript

15 de maio de 2022

Como remover a extensão do nome arquivo com JavaScript

Neste artigo você vai aprender a como remover a extensão do nome arquivo com JavaScript, ou seja, extrair apenas o nome, sem a extensão

remover a extensão do nome arquivo capa

Fala programador(a), beleza? Bora aprender mais sobre como trabalhar com nome de arquivos com JavaScript!

Provavelmente você deve ter o nome do arquivo com extensão em uma string

Para extrair o nome sem a extensão, vamos aplicar uma expressão regular na string que contém o nome do arquivo

Resgatando a primeira parte, após o último ponto, que é o que determina a extensão

Veja o código completo:

const file = "image.jpg"

const fileName = file.replace(/\.[^/.]+$/, "")

console.log(fileName) // image

Primeiramente temos a variável file, que contém o nome completo do arquivo

Depois aplicamos a regex, ela substitui tudo após o ponto por uma string vazia

O que no resultado final faz sobrar somente o nome do arquivo, que é o que precisamos

Uma outra alternativa seria utilizar Node.js, mas aí estamos falando de back-end

Veja o que podemos fazer:

const path = require('path');

const filename = 'image.jpg';
    
console.log(path.parse(filename).base); // image.jog
console.log(path.parse(filename).name); // image
console.log(path.parse(filename).ext);  // .jpg

O módulo path pode extrair as informações de uma arquivo com o método parse

Assim é possível destinguir extensão de nome, apenas acessando as propriedades ext ou name

Bem simples não acha? 🙂

Conclusão

Neste artigo você aprendeu a como remover a extensão do nome arquivo com JavaScript

Vimos uma abordagem com JavaScript puro, onde utilizamos uma regex

E outra com Node.js, onde foi utilizado o core module path

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x