Como extrair um número de uma string em JavaScript

Neste artigo você vai aprender a como extrair um número de uma string em JavaScript, com apenas uma linha de código!

extrair um número de uma string capa

Fala programador(a), beleza? Bora aprender mais sobre strings e JavaScript!

Para extrair um ou mais números de uma string vamos utilizar uma expressão regular, conhecidas também como regex

Formação Claude Code
Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

  • 120 aulas
  • 4 projetos
  • 9h 45min

Ela vai verificar todos os números de uma string e trazer para uma nova variável

Se precisarmos de só um a regex é mais simples ainda, veja o código completo:

const someText = "asd1ddd"

const ourNumber =  someText.match(/\d+/)[0]

console.log(ourNumber) // 1

const textWithNumbers = "a1b2c3d4"

const ourNumbers = textWithNumbers.match(/\d/g).join("")

console.log(ourNumbers) // 1234

No primeiro caso estamos buscando pelo primeiro digito apenas, como o retorno é um array acessamos o primeiro índice com 0, e temos o nosso número

No segundo caso temos uma procura global pelos números, note o /g na regex

E por fim unimos todos os números retornados com join, formando uma string apenas com os números do nosso texto original

Conclusão

No artigo de hoje você viu como extrair um número de uma string em JavaScript

Utilizamos uma expressão regular que busca os números de um texto

Realizei duas abordagens: extraindo apenas um número e depois extraindo todos os números de um texto

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!

Escrito por | Matheus Battisti

Matheus Battisti
Fundador da Hora de Codar

Programador apaixonado pelo mundo das tecnologias, sempre buscando em aprender e se aprofundar em linguagens, frameworks e o que mais for necessário para executar um bom trabalho. Agora tem uma nova missão que é de passar seu conhecimento adiante para formar novos programadores e especializar mais os que já são.

Subscribe
Notify of
guest

0 Comentários
Oldest
Newest Most Voted

Formações

Formação Vibe Coding

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

  • 474 aulas
  • 20 projetos
  • 39h 27min

Blog | Mais populares