Chegamos a mais um post da minha saga de estudos em JavaScript.
No post de hoje irei falar sobre conversão de tipos.
Significa dizer que é possível converter um tipo de dado para outro, e mais, terão momentos em que fazer isso será necessário para obter determinado resultado na aplicação.
No exemplo abaixo, eu irei criar uma variável score
e irei atribuir uma string
para ela. E no console.log irei realizar soma de + 1 ao valor dela, e como já falamos anteriormente, quando uma string
é somada a um number
, ocorre a concatenação, logo, não teremos o resultado esperado.
E iremos verificar o tipo do dado da variável utilizando o typeof
, que irá nos retornar o tipo do dado atribuído a variável.
let score = '100'
console.log(score + 1) // 1001
console.log(typeof score) // string
Eu irei utilizar funções construtoras para realizar a conversão de tipos, não se atenham muito a elas ainda, irei falar de funções mais a frente. Mas é importante saber que converter tipos é perfeitamente possível.
let score = '100'
score = Number(score)
console.log(score + 1) // 101
console.log(typeof score) // number
Porém a conversão de strings leva em consideração que se a string
a ser convertida para number
não fizer sentido (matematicamente falando), o Not a Number NaN
será retornado.
const crazyConversion = Number('Maça')
console.log(crazyConversion) // NaN
console.log(typeof crazyConversion) // number
Também é possível converter number
para string
, utilizando a função construtora String()
.
const convertedNumber = String(97)
console.log(convertedNumber) // 97
console.log(typeof convertedNumber) // string
E ainda existe a possibilidade de conversão para o tipo de dado boolean
.
Mas para isso, é importante frisar que no JavaScript, alguns valores são considerados verdadeiros truthy
e outros falsos falsy
.
Valores considerados falsy = [0, "", '', ``, null, undefined, NaN]
Valores considerados truthy = Todos os valores que não são falsy.
Sabendo dessa informação, ficará claro o exemplo abaixo:
`js
const booleanConversionTruthy = Boolean('Dominic')
const booleanConversionFalsy = Boolean('null')
console.log(booleanConversionTruthy) // true
console.log(booleanConversionFalsy) // false
`
Deixo aqui o link para a documentação da MDN sobre conversão de tipos.
Esse foi mais um post da minha saga de estudos em JavaScript Vanilla. Espero que estejam gostando!
Qualquer dúvida ou sugestão, vocês me encontram nas minhas redes sociais:
Top comments (0)