Number Method JavaScript

Penjelasan number method

Number dalam bentuk sederhana seperti di bawah ini disebut sebagai primitive value:

var a = 123;

Sebuah number dalam bentuk primitive value bisa diubah menjadi sebuah object menggunakan new keyword. Number yang sudah berubah menjadi object disebut sebagai number object. Lihat contoh di bawah ini:

var a = new Number(123);

Number method adalah function yang bisa digunakan untuk memproses sebuah number dalam bentuk primitive value atau number object.

Daftar Number Method

Berikut ini adalah beberapa number method yang ada:

Method Penjelasan
toString() Mengubah sebuah number primitive value atau sebuah number object menjadi sebuah string kemudian string tersebut akan disimpan dalam sebuah string baru
toExponential() mengganti tampilan sebuah angka menjadi tampilan exponential kemudian angka exponential tersebut diganti menjadi string.
toFixed() menentukan banyaknya jumlah angka dibelakang desimal kemudian angka tersebut diganti jenisnya menjadi string.
toPrecision() menentukan banyaknya jumlah angka yang tampil kemudian angka tersebut diganti jenisnya menjadi string.
valueOf() Menghasilkan primitive value dari sebuah number object.

Catatan

Hindari menggunakan number object karena dapat memperlambat eksekusi sebuah script sehingga menimbulkan efek yang tidak diinginkan.

Contoh number method

toString() method

Semua jenis object memiliki code toString() method.

Pada number object, toString() method berguna untuk mengubah sebuah number primitive value atau sebuah number object menjadi sebuah string kemudian string tersebut akan disimpan dalam sebuah string baru.

Syntax

number.toString()

Berikut ini adalah contoh number toString() method

Code JavaScript 1:

<script>
var a = 123;
var b = a.toString();

document.write(typeof a);
document.write("<br />");
document.write(typeof b);
</script>

Hasil code JavaScript 1:

number
string

Setelah kita menggunakan toString() method terhadap variable [a] maka variable [a] yang tadinya berjenis number menjadi berjenis string.

toExponential() method

toExponential() method berguna untuk mengganti tampilan sebuah angka menjadi tampilan exponential kemudian angka exponential tersebut diganti menjadi string.

Syntax

number.toExponential(x)

Parameter

x – Banyaknya angka dibelakang desimal. Jika parameter ini dikosongkan maka banyaknya angka setelah desimal akan sama dengan tampilan angka desimal pada awalnya.
Parameter ini pilihan.

Catatan

Desimal di dalam JavaScript menggunakan titik [.] dan bukannya koma [,]. Sedangkan tanda koma [,] menandakan pembatas ribuan.

Code JavaScript 2:

<script>
var a = 7.656;

var b = a.toExponential(2); // Akan menghasilkan 7.66e+0
var c = a.toExponential(4); // Akan menghasilkan 7.6560e+0
var d = a.toExponential(6); // Akan menghasilkan 7.656000e+0

document.write(b + "<br />");
document.write(c + "<br />");
document.write(d + "<br />");
</script>

Hasil code JavaScript 2:

7.66e+0
7.6560e+0
7.656000e+0

Angka [e+0] artinya 10 pangkat nol yang artinya sama dengan 1. Angka [e+2] artinya 10 pangkat dua yang artinya sama dengan 100.

Angka [7.66e+0] sama artinya dengan 7.66 dikali 10 pangkat 0.

toFixed() method

toFixed() method berguna untuk menentukan banyaknya jumlah angka dibelakang desimal kemudian angka tersebut diganti jenisnya menjadi string.

Syntax

number.toFixed(x)

Parameter

x – Parameter ini menentukan banyaknya angka setelah desimal. Jika parameter ini diberi angka nol atau dikosongkan maka tidak akan ada angka setelah desimal. Parameter
ini pilihan.

Code JavaScript 3:

<script>
var a = 7.656;

var b = a.toFixed(0); // Akan dibulatkan menjadi 8
var c = a.toFixed(2); // Akan dibulatkan menjadi 7.66
var d = a.toFixed(4); // Akan menghasilkan 7.6560

document.write(b + "<br />");
document.write(c + "<br />");
document.write(d + "<br />");
</script>

Hasil code JavaScript 3:

8
7.66
7.6560

Catatan

Bila kita banyak bekerja dengan satuan mata uang maka code toFixed(2) sangat cocok untuk digunakan.

toPrecision() method

toPrecision() method berguna untuk menentukan banyaknya jumlah angka yang tampil kemudian angka tersebut diganti jenisnya menjadi string.

Syntax

number.toPrecision(x)

Parameter

x – Menentukan banyaknya jumlah angka yang ditampilkan. Jika parameter ini dikosongkan maka angka yang tampil adalah angka sebenarnya sebelum diformat. Parameter ini
pilihan.

Berikut ini contoh toPrecision() method:

Code JavaScript 4:

<script>
var a = 7.656;

var b = a.toPrecision(); // Akan menghasilkan 7.656
var c = a.toPrecision(2); // Akan menghasilkan 7.7
var d = a.toPrecision(4); // Akan menghasilkan 7.656

document.write(b + "<br />");
document.write(c + "<br />");
document.write(d + "<br />");
</script>

Hasil code JavaScript 4:

7.656
7.7
7.656

valueOf() method

Semua jenis object memiliki code valueOf() method. Berikut ini adalah penjelasan valueOf() method yang merupakan bagian dari number object:

valueOf() method berguna untuk menghasilkan primitive value dari sebuah number object.

Syntax

number.valueOf()

Berikut ini adalah contoh valueOf() method:

Code JavaScript 5:

<script>
var a = 7.656;

var b = a.valueOf();

document.write(b);
</script>

Hasil code JavaScript 5:

7.656

Catatan

valueOf() method biasanya digunakan secara otomatis oeh JavaScript. Tidak digunakan secara langsung melalui code tertulis.

Global method

Global method adalah beberapa method yang tidak terikat hanya pada number saja tapi bisa digunakan untuk semua jenis data JavaScript.

Berikut ini adalah beberapa global method yang berhubungan dengan number.

Method Penjelasan
Number() mengganti sebuah value menjadi berjenis number.
parseInt() mengganti sebuah string menjadi sebuah number berjenis integer.
parseFloat() mengganti sebuah string menjadi sebuah number berjenis floating point.

Number() method

Number() method berguna untuk mengganti sebuah value menjadi berjenis number. Beberapa jenis data yang bisa diganti menjadi number yaitu boolean true atau false, date
object, dan angka yang ditulis dalam bentuk string.

Code JavaScript 6:

<script>
var a = Number(true);
var b = Number(false);
var c = Number(new Date());
var d = Number(" 12");
var e = Number("12 ");
var f = Number("12 6");

document.write(a + "<br />");
document.write(b + "<br />");
document.write(c + "<br />");
document.write(d + "<br />");
document.write(e + "<br />");
document.write(f + "<br />");
</script>

Hasil code JavaScript 6:

1
0
1427621554782
12
12
NaN

Jika sebuah value tidak bisa diganti menjadi number maka Number() method akan menampilkan NaN.

parseInt() method

parseInt() method berguna untuk mengganti sebuah string menjadi sebuah number berjenis integer. Walaupun spasi diijinkan namun hanya angka pertama yang dihasilkan.

Code JavaScript 7:

<script>
var a = parseInt("12"); // Akan menghasilkan 12
var b = parseInt("12.33"); // Akan menghasilkan 12
var c = parseInt("12 20 30"); // Akan menghasilkan 12
var d = parseInt("12 years"); // Akan menghasilkan 12
var e = parseInt("years 12"); // Akan menghasilkan NaN

document.write(a + "<br />");
document.write(b + "<br />");
document.write(c + "<br />");
document.write(d + "<br />");
document.write(e + "<br />");
</script>

Hasil code JavaScript 7:

12
12
12
12
NaN

parseFloat() method

parseFloat() method berguna untuk mengganti sebuah string menjadi sebuah number berjenis floating point. Walaupun spasi diijinkan namun hanya angka pertama yang
dihasilkan.

Code JavaScript 8:

<script>
var a = parseFloat("12"); // Akan menghasilkan 12
var b = parseFloat("12.33"); // Akan menghasilkan 12.33
var c = parseFloat("12 20 30"); // Akan menghasilkan 12
var d = parseFloat("12 years"); // Akan menghasilkan 12
var e = parseFloat("years 12"); // Akan menghasilkan NaN

document.write(a + "<br />");
document.write(b + "<br />");
document.write(c + "<br />");
document.write(d + "<br />");
document.write(e + "<br />");
</script>

Hasil code JavaScript 8:

12
12.33
12
12
NaN

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>