Cara konversi bilangan String ke Number di Javascript

ยท

2 min read

Terkadang kita mendapatkan data bilangan misal response saat nge-hit API ke backend kita sendiri atau saat menggunakan third-party API anggap saja Xendit atau Midtrans tetapi berbentuk string. Seperti contoh dibawah ini.

{
  "data": {
    "total_belanja": "15000",
    "biaya_pengemasan": "2000"
  }
}

Ini akan menjadi masalah saat kita lakukan penjumlahan yang mana kita berekpektasi bahwa hasilnya akan menjadi 17000 tetapi yang didapatkan malah menjadi 150002000. Ini bukan hanya masalah tapi ini kerugian. Bayangkan saja jika itu benar data uang yang akan kamu kirimkan.... ๐Ÿ˜ญ

Uang salah jumlah di javascript

Oleh karena itu maka, kita dapat mengatasinya dengan melakukan konversi bilangan dalam bentuk string menjadi number. Berikut beberapa cara mengkonversi bilangan string ke number:

Menggunakan Number( x )

const bilanganString = "1024"
const konverKeNumber = Number(bilanganString)

console.log(konverKeNumber)
console.log(typeof konverKeNumber)

// 1024
// number

Dikali dengan 1

const bilanganString = "1024"
const konverKeNumber =bilanganString * 1

console.log(konverKeNumber)
console.log(typeof konverKeNumber)

// 1024
// number

Menggunakan Math.floor( x )

const bilanganString = "1024"
const konverKeNumber = Math.floor(bilanganString)

console.log(konverKeNumber)
console.log(typeof konverKeNumber)

// 1024
// number

Menggunakan Math.round( x )

const bilanganString = "1024"
const konverKeNumber = Math.round(bilanganString)

console.log(konverKeNumber)
console.log(typeof konverKeNumber)

// 1024
// number

Menggunakan double telda

const bilanganString = "1024"
const konverKeNumber = ~~bilanganString

console.log(konverKeNumber)
console.log(typeof konverKeNumber)

// 1024
// number

Menggunakan parseInt( x )

const bilanganString = "1024"
const konverKeNumber = parseInt(bilanganString, 10)

console.log(konverKeNumber)
console.log(typeof konverKeNumber)

// 1024
// number

Menggunakan tanda +

const bilanganString = "1024"
const konverKeNumber = +bilanganString

console.log(konverKeNumber)
console.log(typeof konverKeNumber)

// 1024
// number

Menggunakan pengurangan dengan 0

const bilanganString = "1024"
const konverKeNumber = bilanganString - 0

console.log(konverKeNumber)
console.log(typeof konverKeNumber)

// 1024
// number

Menggunakan tanda doubel left arrow diikuti 0

const bilanganString = "1024"
const konverKeNumber =bilanganString << 0

console.log(konverKeNumber)
console.log(typeof konverKeNumber)

// 1024
// number

Itulah beberapa cara yang bisa saya bagikan, jika teman-teman lebih mudah mengerti dengan cara menonton video, silahkan tonton di youtube saya.

Jika teman-teman ada cara lainnya tolong tinggalkan jejak dikolom komentar ya ... Thanks.

ย