Cara menggunakan object htmlelement to string

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Examples

Convert different values to strings:

String(new Date());
String("12345");
String(12345);

Definition and Usage

The String() method converts a value to a string.

Note

The String() method returns the same as the toString() method for any value.

Syntax

Parameters

Return Value

Browser Support

String() is an ECMAScript1 (ES1) feature.

ES1 (JavaScript 1997) is fully supported in all browsers:

More Examples

Examples

Convert different values to strings:

String(Boolean(0));
String(Boolean(1));
String([1,2,3,4]);

Variabel adalah sebuah nama yang mewakili sebuah nilai. Variabel bisa diisi dengan berbagai macam nilai seperti

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

Kita bisa ibaratkan, variabel itu seperti wadah untuk menyimpan sesuatu.

Pada kesempatan ini kita akan belajar tentang variabel dan tipe data dalam Javascript.

Dimulai dari cara membuat, cara mencetak variabel ke output, mengisi ulang, dan menghapusnya dari memori.

Siap?

Mari kita mulai…

Cara Membuat Variabel di Javascript

Cara membuat variabel yang umum digunakan di javascript adalah menggunakan kata kunci

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

Contoh:

var title = "Belajar Pemrograman Javascript";

Pada contoh di atas, kita membuat variabel bernama

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

Contoh lagi:

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

Perhatikan!

Pada contoh di atas, kita menggunakan huruf bersar atau kapital untuk nama variabel yang terdiri dari dua suku kata.

Kenapa tidak menggunakan underscore?

Pada Javascript kita dianjurkan menggunakan camelCase dalam penamaan. Boleh-boleh saja menggunakan snake case atau underscore seperti ini:

var site_name = "Petani Kode";
var visitor_count = 1243;

Hal tersebut tidak akan menjadi masalah, program masih tetap valid. Namun, mayoritas programmer Javascript menggunakan camelCase.

Pilihan ada ditangan anda, mau ikut yang mayoritas atau minoritas, 😄.

Baca juga: Mengenal 4 Macam Gaya Penulisan Case dalam Kode Program

Berikutnya…

Perlu kamu ketahui juga, selain kata kunci

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

var site_name = "Petani Kode";
var visitor_count = 1243;

Contoh:

// membuat variabel dengan kata kunci let
let price = 15000;

// membuat variabel tanpa awalan apapun
stock = 12

Apa bedanya yang menggunakan

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

var site_name = "Petani Kode";
var visitor_count = 1243;

Perbedaannya terletak pada jangkauan dan penggunaannya. Nanti kita akan bahas lebih dalam lagi.

Satu lagi pertanyaan:

“Apa yang akan terjadi jika nilai variabel tidak diisi?”

Jawabannya, variabel akan bernilai

var site_name = "Petani Kode";
var visitor_count = 1243;

Contoh:

var x;

Maka variabel

var site_name = "Petani Kode";
var visitor_count = 1243;

var site_name = "Petani Kode";
var visitor_count = 1243;

Menampilkan isi Variabel

Untuk menampilkan isi variabel, kita bisa memanfaatkan fungsi-fungsi untuk menampilkan output seperti:

• Fungsi

  var site_name = "Petani Kode";
  var visitor_count = 1243;

  7 menampilkan output ke console javascript;
• Fungsi

  var site_name = "Petani Kode";
  var visitor_count = 1243;

  8 menampilkan output ke dokumen HTML;
• dan Fungsi

  var site_name = "Petani Kode";
  var visitor_count = 1243;

  9 menampilkan output ke jendela dialog.

Mari kita coba…

Buatlah file bernama

// membuat variabel dengan kata kunci let
let price = 15000;

// membuat variabel tanpa awalan apapun
stock = 12

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Belajar Variabel dalam Javascript</title>
    <script>
        // membuat variabel
        var name = "Petani Kode";
        var visitorCount = 50322;
        var isActive = true;
        var url = "https://www.petanikode.com";

        // menampilkan variabel ke jendela dialog (alert)
        alert("Selamat datang di " + name);
    
        // menampilkan variabel ke dalam HTML
        document.write("Nama Situs: " + name + "<br>");
        document.write("Jumlah Pengunjung: " + visitorCount + "<br>");
        document.write("Status Aktif: " + isActive + "<br>");
        document.write("Alamat URL: " + url + "<br>");
    </script>
</head>
<body>
    

</body>
</html>

Setelah itu, coba buka dengan browser dan perhatikanlah hasilnya.

Arti simbol plus (

// membuat variabel dengan kata kunci let
let price = 15000;

// membuat variabel tanpa awalan apapun
stock = 12

Mengisi Ulang Variabel

Variabel bersifat mutable, artinya nilai yang tersimpan di dalamnya dapat kita isi ulang (berubah).

Contoh:

// mula-mula kita buat variabel dengan isi seperti ini
var age = 18;

// lalu kita isi ulang
age = 21;

Kenapa saat mengisi ulang nilai variabel tidak menggunakan kata kunci

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

Karena kata kunci

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

Apabila kita menggunakan kata kunci

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

Menghapus Variabel

Penghapusan variabel dalam Javscript memang jarang dilakukan. Namun, untuk program yang membutuhkan ketelitian dalam alokasi memori, penghapusan variabel perlu dilakukan agar penggunaan memori lebih optimal.

Penghapusan variabel dapat dilakukan dengan katakunci

// membuat variabel dengan kata kunci let
let price = 15000;

// membuat variabel tanpa awalan apapun
stock = 12

Contoh:

bookTitle = "Belajar Pemrograman Javascript";
delete bookTitle;

Maka variabel

// membuat variabel dengan kata kunci let
let price = 15000;

// membuat variabel tanpa awalan apapun
stock = 12

Penghapusan variabel hanya bisa dilakukan pada variabel yang dibuat tanpa awalan. Sedangkan variabel yang dibuat dengan kata kunci

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

var site_name = "Petani Kode";
var visitor_count = 1243;

Mengenal Tipe Data

Tipe data adalah jenis-jenis data yang bisa kita simpan di dalam variabel.

Ada beberapa tipe data dalam pemrograman Javascript:

• String (teks)
• Integer atau Number (bilangan bulat)
• Float (bilangan Pecahan)
• Boolean
• Object

Javascript adalah bahasa yang bersifat dynamic typing, artinya kita tidak harus menuliskan tipe data pada saat pembuatan variabel seperti pada bahasa C, C++, Java, dsb. yang bersifat static typing.

Contoh:

var name = "Dian";
var age = 22;
var single = true;

Javascript akan otomatis mengenali tipe data yang kita berikan pada variabel.

Pada contoh di atas variabel:

• // membuat variabel dengan kata kunci let
  let price = 15000;
  
  // membuat variabel tanpa awalan apapun
  stock = 12

  9 bertipe data String;

• var x;

  0 bertipe data integer;
• dan

  var x;

  1 bertipe data boolean.

Hal ini bisa juga kita cek dengan kata kunci

var x;

Contoh:

typeof name;
typeof age;
typeof single;

Hasilnya pada console:

Bagaimana cara kita mengenali tipe data selain menggunakan

var x;

Kita bisa mengenali melalui cara penulisannya.

Contoh:

var siteName = "Petani Kode";
var url = "https://www.petanikode.com";
var visitorCount = 5921; 

Aturan Penulisan Nama Variabel di Javascript

Ada beberapa aturan penulisan variabel dalam Javascript:

• Penamaan variabel tidak boleh menggunakan angka di depannya.

  contoh:

  var siteName = "Petani Kode";
  var url = "https://www.petanikode.com";
  var visitorCount = 5921; 
  

  1

• Penamaan variabel boleh menggunakan awal underscore.

  contoh:

  var siteName = "Petani Kode";
  var url = "https://www.petanikode.com";
  var visitorCount = 5921; 
  

  2

• Penamaan variabel dianjurkan menggunakan camelCase apabila tediri dari dua suku kata.

  Contoh:

  var siteName = "Petani Kode";
  var url = "https://www.petanikode.com";
  var visitorCount = 5921; 
  

  3

• Penamaan variabel dianjurkan menggunakan bahasa inggris

  Contoh:

  var siteName = "Petani Kode";
  var url = "https://www.petanikode.com";
  var visitorCount = 5921; 
  

  4

Apa Selanjutnya?

Variabel dan tipe data merupakan dua hal dasar yang wajib di pelajari dalam bahasa pemrograman apapun.

Pada Javascript, kita tidak harus menuliskan tipe data saat pembuatan variabel, karena Javascript bersifat dynamic typing.

Sedangkan pada bahasa pemrograman yang lain seperti C, C++, C#, Java, dan lain-lain, kita harus menuliskan atau mendefinisikan tipe data pada variabel yang dibuat.

Setelah belajar tentang variabel, selanjutnya silahkan pelajari tentang:

• Operator dalam Javascript
• Percabangan dalam Javascript
• Perulangan dalam Javascript

Apabila kamu belum paham dengan pembahasan di atas, silahkan ajukan pertanyaan melalui kolom komentar.