JavaScript Jenis Konversi
Nomor () mengkonversi ke Nomor
sebuah, String () mengkonversi ke String, Boolean () mengkonversi ke Boolean.
Jenis
JavaScript data
Dalam JavaScript ada 5 tipe data
yang berbeda yang dapat berisi nilai-nilai:
- String
- jumlah
- boolean
- objek
- Fungsi
Ada 3 jenis benda:
- Obyek
- Tanggal
- Array
Dan tipe data 2 yang tidak dapat
berisi nilai-nilai:
- nol
- terdefinisi
The
typeof Operator
Anda dapat menggunakan typeof
operator untuk menemukan jenis data variabel JavaScript.
Contoh
typeof
"John"
// Returns string
typeof 3.14 // Returns number
typeof NaN // Returns number
typeof false // Returns boolean
typeof [1,2,3,4] // Returns object
typeof {name:'John', age:34} // Returns object
typeof new Date() // Returns object
typeof function () {} // Returns function
typeof myCar // Returns undefined (if myCar is not declared)
typeof null // Returns object
typeof 3.14 // Returns number
typeof NaN // Returns number
typeof false // Returns boolean
typeof [1,2,3,4] // Returns object
typeof {name:'John', age:34} // Returns object
typeof new Date() // Returns object
typeof function () {} // Returns function
typeof myCar // Returns undefined (if myCar is not declared)
typeof null // Returns object
<!DOCTYPE html>
<html>
<body>
<p>The typeof operator returns
the type of a variable, object, function or expression.</p>
<p
id="demo"></p>
<script>
document.getElementById("demo").innerHTML
=
typeof "john" + "<br>" +
typeof 3.14 + "<br>" +
typeof NaN + "<br>" +
typeof false + "<br>" +
typeof [1,2,3,4] + "<br>" +
typeof {name:'john', age:34} + "<br>" +
typeof new Date() + "<br>" +
typeof function () {} + "<br>" +
typeof myCar + "<br>" +
typeof null;
</script>
</body>
</html>
Silakan amati:
- Tipe data dari NaN adalah nomor
- Tipe data array adalah obyek
- Tipe data tanggal adalah objek
- Tipe data dari nol objek
- Tipe data dari variabel tidak
terdefinisi tidak terdefinisi
Anda tidak dapat menggunakan typeof
untuk menentukan apakah sebuah objek adalah Array JavaScript atau JavaScript
Tanggal.
Konstruktor
Properti
The konstruktor properti
mengembalikan fungsi konstruktor untuk semua variabel JavaScript.
Contoh
"John".constructor
// Returns function String() { [native code] }
(3.14).constructor // Returns function Number() { [native code] }
false.constructor // Returns function Boolean() { [native code] }
[1,2,3,4].constructor // Returns function Array() { [native code] }
{name:'John', age:34}.constructor // Returns function Object() { [native code] }
new Date().constructor // Returns function Date() { [native code] }
function () {}.constructor // Returns function Function(){ [native code] }
(3.14).constructor // Returns function Number() { [native code] }
false.constructor // Returns function Boolean() { [native code] }
[1,2,3,4].constructor // Returns function Array() { [native code] }
{name:'John', age:34}.constructor // Returns function Object() { [native code] }
new Date().constructor // Returns function Date() { [native code] }
function () {}.constructor // Returns function Function(){ [native code] }
<!DOCTYPE html>
<html>
<body>
<p>The constructor property
returns the constructor function for a variable or an
object.</p>
<p
id="demo"></p>
<script>
document.getElementById("demo").innerHTML
=
"john".constructor + "<br>" +
(3.14).constructor + "<br>" +
false.constructor + "<br>" +
[1,2,3,4].constructor + "<br>" +
{name:'john', age:34}.constructor + "<br>" +
new Date().constructor + "<br>" +
function () {}.constructor;
</script>
</body>
</html>
Anda dapat memeriksa properti
konstruktor untuk mengetahui apakah suatu objek Array (berisi kata
"Array"):
Contoh
function isArray(myArray) {
return myArray.constructor.toString().indexOf("Array") > -1;
}
return myArray.constructor.toString().indexOf("Array") > -1;
}
<!DOCTYPE html>
<html>
<body>
<p>This "home made" function,
when used on an array, returns true.</p>
<p
id="demo"></p>
<script>
var fruits = ["Banana",
"Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML
= isArray(fruits);
function isArray(myArray) {
return myArray.constructor.toString().indexOf("Array") >
-1;
}
</script>
</body>
</html>
Anda dapat memeriksa properti
konstruktor untuk mengetahui apakah suatu objek Tanggal (mengandung kata
"Date"):
Contoh
function isDate(myDate) {
return myDate.constructor.toString().indexOf("Date") > -1;
}
return myDate.constructor.toString().indexOf("Date") > -1;
}
<!DOCTYPE html>
<html>
<body>
<p>This "home made"
function, when used on an date, returns true.</p>
<p
id="demo"></p>
<script>
var myDate = new Date();
document.getElementById("demo").innerHTML
= isDate(myDate);
function isDate(myDate) {
return myDate.constructor.toString().indexOf("Date") > -1;
}
</script>
</body>
</html>
JavaScript
Jenis Konversi
Variabel JavaScript dapat dikonversi
ke variabel baru dan tipe data lain:
- Dengan menggunakan fungsi
JavaScript
- Secara otomatis oleh JavaScript itu sendiri
Konversi
Bilangan ke Strings
Metode global yang String ()
dapat mengkonversi nomor ke string.
Hal ini dapat digunakan pada setiap
jenis nomor, literal, variabel, atau ekspresi:
Contoh
String(x) //
returns a string from a number variable x
String(123) // returns a string from a number literal 123
String(100 + 23) // returns a string from a number from an expression
String(123) // returns a string from a number literal 123
String(100 + 23) // returns a string from a number from an expression
<!DOCTYPE html>
<html>
<body>
<p>The String() method can
convert a number to a string.</p>
<p id="demo"></p>
<script>
var x = 123;
document.getElementById("demo").innerHTML
=
String(x) + "<br>" +
String(123) + "<br>" +
String(100 + 23);
</script>
</body>
</html>
Metode Nomor toString ()
melakukan hal yang sama.
Contoh
x.toString()
(123).toString()
(100 + 23).toString()
(123).toString()
(100 + 23).toString()
<!DOCTYPE html>
<html>
<body>
<p>The toString() method
converts a number to a string.</p>
<p
id="demo"></p>
<script>
var x = 123;
document.getElementById("demo").innerHTML
=
x.toString() + "<br>" +
(123).toString() + "<br>" +
(100 + 23).toString();
</script>
</body>
</html>
Dalam bab Metode Nomor , Anda akan menemukan lebih banyak metode yang dapat
digunakan untuk mengkonversi nomor ke string:
|
Method
|
Description
|
|
toExponential()
|
Returns a string, with a number
rounded and written using exponential notation.
|
|
toFixed()
|
Returns a string, with a number
rounded and written with a specified number of decimals.
|
|
toPrecision()
|
Returns a string, with a number
written with a specified length
|
Konversi
Booleans ke Strings
Metode global yang String ()
dapat mengkonversi boolean ke string.
String(false)
// returns "false"
String(true) // returns "true"
String(true) // returns "true"
Boolean Metode toString ()
melakukan hal yang sama.
false.toString()
// returns "false"
true.toString() // returns "true"
true.toString() // returns "true"
Konversi
Tanggal ke Strings
Metode global yang String ()
dapat mengkonversi tanggal untuk string.
String(Date())
// returns Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)
Tanggal metode toString ()
melakukan hal yang sama.
Contoh
Date().toString() //
returns Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)
Dalam bab Tanggal Metode
, Anda akan menemukan lebih banyak metode yang dapat digunakan untuk
mengkonversi tanggal untuk string:
|
Method
|
Description
|
|
getDate()
|
Get the day as a number (1-31)
|
|
getDay()
|
Get the weekday a number (0-6)
|
|
getFullYear()
|
Get the four digit year (yyyy)
|
|
getHours()
|
Get the hour (0-23)
|
|
getMilliseconds()
|
Get the milliseconds (0-999)
|
|
getMinutes()
|
Get the minutes (0-59)
|
|
getMonth()
|
Get the month (0-11)
|
|
getSeconds()
|
Get the seconds (0-59)
|
|
getTime()
|
Get the time (milliseconds since
January 1, 1970)
|
Konversi
String ke Bilangan
Metode global yang Number ()
dapat mengkonversi string ke angka.
String yang berisi angka (seperti
"3.14") dikonversi ke angka (seperti 3.14).
String kosong dikonversi ke 0.
Ada lagi mengkonversi ke NaN (Not
angka).
Number("3.14")
// returns 3.14
Number(" ") // returns 0
Number("") // returns 0
Number("99 88") // returns NaN
Number(" ") // returns 0
Number("") // returns 0
Number("99 88") // returns NaN
Dalam bab Metode Nomor , Anda akan menemukan lebih banyak metode yang dapat
digunakan untuk mengkonversi string ke nomor:
|
Method
|
Description
|
|
parseFloat()
|
Parses a string and returns a
floating point number
|
|
parseInt()
|
Parses a string and returns an
integer
|
Konversi
Booleans Bilangan
Metode global yang Number ()
juga dapat mengkonversi boolean ke nomor.
Number(false)
// returns 0
Number(true) // returns 1
Number(true) // returns 1
Konversi
Tanggal Bilangan
Metode global yang Number ()
dapat digunakan untuk mengkonversi tanggal untuk angka.
d = new Date();
Number(d) // returns 1404568027739
Number(d) // returns 1404568027739
Tanggal Metode getTime ()
melakukan hal yang sama.
d = new Date();
d.getTime() // returns 1404568027739
d.getTime() // returns 1404568027739
Jenis
Konversi Otomatis
Ketika JavaScript mencoba untuk
beroperasi pada "salah" tipe data, ia akan mencoba untuk mengubah
nilai ke "kanan" Jenis.
Hasilnya tidak selalu apa yang Anda
harapkan:
5 + null //
returns 5 because null is
converted to 0
"5" + null // returns "5null" because null is converted to "null"
"5" + 1 // returns "51" because 1 is converted to "1"
"5" - 1 // returns 4 because "5" is converted to 5
"5" + null // returns "5null" because null is converted to "null"
"5" + 1 // returns "51" because 1 is converted to "1"
"5" - 1 // returns 4 because "5" is converted to 5
Otomatis
String Konversi
JavaScript secara otomatis panggilan
toString variabel () fungsi ketika Anda mencoba untuk "output" suatu
obyek atau variabel:
document.getElementById("demo").innerHTML
= myVar;
// if myVar = {name:"Fjohn"} // toString converts to "[object Object]"
// if myVar = [1,2,3,4] // toString converts to "1,2,3,4"
// if myVar = new Date() // toString converts to "Fri Jul 18 2014 09:08:55 GMT+0200"
// if myVar = {name:"Fjohn"} // toString converts to "[object Object]"
// if myVar = [1,2,3,4] // toString converts to "1,2,3,4"
// if myVar = new Date() // toString converts to "Fri Jul 18 2014 09:08:55 GMT+0200"
Angka dan booleans juga dikonversi,
tapi ini tidak terlalu terlihat:
// if myVar =
123 //
toString converts to "123"
// if myVar = true // toString converts to "true"
// if myVar = false // toString converts to "false"
// if myVar = true // toString converts to "true"
// if myVar = false // toString converts to "false"
0 Komentar untuk " JavaScript Jenis Konversi"