Tipe Data Null dan Undefined

Menyebut null dan undefined sebagai tipe data terasa kurang pas,karna kedua tipe data undefined yang berisi 1 nilai, yakni undefined. Keduanya mirip, tapi dengan beberapa perbedaan.

Null adalah keadaan dimana data itu "kosong".Umumnya nilai null diinput dengan sengaja oleh kita,programer yang membuat kode program. Berikut contoh cara meberikan tipe data null kedalam sebuah variabel.

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Syamil</title>

</head>

<body>

    <h1>selamat pagi Semua nya</h1>

    <script>

        var foo = null;

        console.log(foo); //null

    </script>

</body>

</html>
Bagi programmer pemula, mungkin anda akan bertanya:"Untuk apa membuat data yang isinya tidak ada?".
Ada beberapa kasus di mana kita hanya bisa mengfgunakan nilai null. Misalnya untuk function yang butuh input 2 buah variabel, tapi kita hanya punya 1 variabel. Variabel kedua ini bisa diinput sebagai null (tidak semua function bisa diinput dengan nilai null). Disisi lain, undefined menyatakan data yang tidak terdefinisi. Tapi berbeda dengan null,biasanya nilai undefined di hasilkan dari javascript itu sendiri, dan sebagai besar karna kesalahan program.
Contohnya, ketika kita mendefenisikan sebuah variabel tapi tidak memberikan nilai apapun variabel ini akan berisi data undefined.
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <h1>selamat pagi indonesia</h1>

    <script>

        var foo;

        console.log(foo); // undefined

    </script>

</body>

</html>

Sama seperti null, kita juga bisa menginput manual nilai null ke dalam sebuah variabel.

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <h1>selamat pagi indonesia</h1>

    <script>

        var foo = "Belajar JavaScript";

        console.log(foo); // Belajar JavaScript




        foo = undefined;

        console.log(foo); //undefined

    </script>

</body>

</html>
Dalam kode program diatas, menginput nilai undefined kedalam variabel yang sudah ada , dan ini bisa di samakan dengan menghapus variabel tersebut.
 

 

Related Articles

Comments