Cara menggunakan variabel javascript

Question

Variabel memiliki peran yang sangat penting karena akan memudahkan kita untuk mengakses suatu nilai dan mengolahnya sesuai keinginan kita

Table of Contents Show

Cara membuat variabel di javascript
Tipe data yang dapat diakomodasi variabel javascript
Konversi tipe data
Mengakses nilai variabel
Deklarasi variabel kata kunci dalam javascript
Apa itu fungsi dalam javascript?
Buat fungsi dalam javascript
Buat fungsi tanpa input
Buat fungsi tanpa output
Bagaimana cara menulis variabel dalam JavaScript?
Apa itu variabel dalam JS?
Bagaimana cara menulis variabel yang benar?
Bagaimana cara menulis variabel dengan benar di java?

Cara membuat variabel di javascript

Membuat atau mendeklarasikan variabel javascript cukup mudah, kita hanya perlu menuliskan kata kunci deklarasi diikuti dengan nama variabelnya. kemudian diikuti dengan simbol '=' dan diakhiri dengan nilai dan tanda ";"

var bilangan_bulat = 10;

Catatan. Jika nama variabel terdiri dari dua kata, maka tidak dapat dipisahkan menggunakan spasi. Seperti pada contoh di atas, variabel

var bilangan_bulat=10; //=> Tipe data integer atau bilangan bulat
var bilangan_desimal =10.5 //=> Tipe data float atau bilangan desimal
var str = "Data String" //=> Tipe data string atau data yang tidak bisa dikalkulasi, sepeti huruf, simbol dan lain-lain.
var tf = True //=> Tipe data boolean atau data dengan nilai true atau false
var himpunan = ["Apel", "Jeruk", "Anggur"]; //=> Tipe data array atau kumpulan tipe data yang sama
var objek = {firstName:"John", lastName:"Doe"}; //=> Tipe data object atau data yang memiliki properti dan value. ;

_4 tidak dapat ditulis

var bilangan_bulat=10; //=> Tipe data integer atau bilangan bulat
var bilangan_desimal =10.5 //=> Tipe data float atau bilangan desimal
var str = "Data String" //=> Tipe data string atau data yang tidak bisa dikalkulasi, sepeti huruf, simbol dan lain-lain.
var tf = True //=> Tipe data boolean atau data dengan nilai true atau false
var himpunan = ["Apel", "Jeruk", "Anggur"]; //=> Tipe data array atau kumpulan tipe data yang sama
var objek = {firstName:"John", lastName:"Doe"}; //=> Tipe data object atau data yang memiliki properti dan value. ;

5

Tipe data yang dapat diakomodasi variabel javascript

Variabel dapat menampung berbagai jenis data seperti angka, string, boolean, array, objek dan lain-lain

Salah satu kelebihan bahasa pemrograman javascript adalah fleksibilitasnya. Dimana kita bisa mengubah tipe data dari suatu variabel yang bisa ditampung

var x = 10;
x = "Niali x diubah menjadi string";

Potongan kode di atas menunjukkan bahwa variabel x yang sebelumnya berisi nilai bertipe angka, diganti dengan nilai bertipe string (pen. variabel yang tidak dapat dihitung)
Berikut adalah contoh beberapa jenis data yang dapat ditampung dalam variabel javascript

var bilangan_bulat=10; //=> Tipe data integer atau bilangan bulat
var bilangan_desimal =10.5 //=> Tipe data float atau bilangan desimal
var str = "Data String" //=> Tipe data string atau data yang tidak bisa dikalkulasi, sepeti huruf, simbol dan lain-lain.
var tf = True //=> Tipe data boolean atau data dengan nilai true atau false
var himpunan = ["Apel", "Jeruk", "Anggur"]; //=> Tipe data array atau kumpulan tipe data yang sama
var objek = {firstName:"John", lastName:"Doe"}; //=> Tipe data object atau data yang memiliki properti dan value. ;

_

Karena fleksibilitasnya, variabel dapat diisi dengan data apapun selain contoh di atas

Konversi tipe data

Konversi tipe data diperlukan ketika kita ingin mengubah suatu nilai dengan tipe data tertentu ke tipe data lain

var a = "10";
var b = "5";
console.log(a+b); // => hasilnya, 105
var c = parseInt(a); //Mengkonversi string ke dalam bentuk integer
var d = parseInt(b); //Mengkonversi string ke dalam bentuk integer
console.log(a+b) // => hasilnya, 15

Berikut adalah beberapa fungsi yang dapat kita gunakan untuk mengubah tipe data,

var bilangan_bulat=10; //=> Tipe data integer atau bilangan bulat
var bilangan_desimal =10.5 //=> Tipe data float atau bilangan desimal
var str = "Data String" //=> Tipe data string atau data yang tidak bisa dikalkulasi, sepeti huruf, simbol dan lain-lain.
var tf = True //=> Tipe data boolean atau data dengan nilai true atau false
var himpunan = ["Apel", "Jeruk", "Anggur"]; //=> Tipe data array atau kumpulan tipe data yang sama
var objek = {firstName:"John", lastName:"Doe"}; //=> Tipe data object atau data yang memiliki properti dan value. ;

_6, digunakan untuk mengubah ke bentuk numerik

var stringAngka = "50";
var x = Number(stringAngka);

var bilangan_bulat=10; //=> Tipe data integer atau bilangan bulat
var bilangan_desimal =10.5 //=> Tipe data float atau bilangan desimal
var str = "Data String" //=> Tipe data string atau data yang tidak bisa dikalkulasi, sepeti huruf, simbol dan lain-lain.
var tf = True //=> Tipe data boolean atau data dengan nilai true atau false
var himpunan = ["Apel", "Jeruk", "Anggur"]; //=> Tipe data array atau kumpulan tipe data yang sama
var objek = {firstName:"John", lastName:"Doe"}; //=> Tipe data object atau data yang memiliki properti dan value. ;

_7, digunakan untuk mengkonversi ke bentuk integer

var stringAngka = "50";
var x = parseInt(stringAngka);

_

var bilangan_bulat=10; //=> Tipe data integer atau bilangan bulat
var bilangan_desimal =10.5 //=> Tipe data float atau bilangan desimal
var str = "Data String" //=> Tipe data string atau data yang tidak bisa dikalkulasi, sepeti huruf, simbol dan lain-lain.
var tf = True //=> Tipe data boolean atau data dengan nilai true atau false
var himpunan = ["Apel", "Jeruk", "Anggur"]; //=> Tipe data array atau kumpulan tipe data yang sama
var objek = {firstName:"John", lastName:"Doe"}; //=> Tipe data object atau data yang memiliki properti dan value. ;

8, digunakan untuk mengubah nilai 0 atau 1 menjadi salah atau benar

var angka0atau1 = 1;
var x = Boolean(angka0atau1);

var bilangan_bulat=10; //=> Tipe data integer atau bilangan bulat
var bilangan_desimal =10.5 //=> Tipe data float atau bilangan desimal
var str = "Data String" //=> Tipe data string atau data yang tidak bisa dikalkulasi, sepeti huruf, simbol dan lain-lain.
var tf = True //=> Tipe data boolean atau data dengan nilai true atau false
var himpunan = ["Apel", "Jeruk", "Anggur"]; //=> Tipe data array atau kumpulan tipe data yang sama
var objek = {firstName:"John", lastName:"Doe"}; //=> Tipe data object atau data yang memiliki properti dan value. ;

_9, digunakan untuk mengubah ke bentuk bilangan bulat atau desimal

var stringDesimal = "500.99999";
var x = parseFloat(stringDesimal);

var a = "10";
var b = "5";
console.log(a+b); // => hasilnya, 105
var c = parseInt(a); //Mengkonversi string ke dalam bentuk integer
var d = parseInt(b); //Mengkonversi string ke dalam bentuk integer
console.log(a+b) // => hasilnya, 15

0, digunakan untuk mengkonversi ke bentuk string

var Angka = 50;
var x = String(Angka);

Catatan. Fungsi konversi hanya dapat dilakukan jika nilainya memiliki bentuk yang sama dengan tipe data target. Misalnya, nilai data string "ini adalah string" tidak dapat diubah menjadi tipe numerik

Mengakses nilai variabel

Untuk mengambil nilai dari suatu variabel, kita tinggal memanggil nama variabel tersebut

var x = 10;
x = 5;
console.log(x); // => hasil yang ditampilkan yaitu, angka 5

Mengapa pada baris kedua, var tidak ditulis?

var a = "10";
var b = "5";
console.log(a+b); // => hasilnya, 105
var c = parseInt(a); //Mengkonversi string ke dalam bentuk integer
var d = parseInt(b); //Mengkonversi string ke dalam bentuk integer
console.log(a+b) // => hasilnya, 15

1 digunakan untuk mendeklarasikan atau membuat variabel untuk pertama kali, jika variabel sudah dideklarasikan maka kita tidak perlu mendeklarasikannya kembali.

Ini hanya terjadi jika variabel berada di luar fungsi atau di dalam fungsi yang sama

var x = 10;
x = "Niali x diubah menjadi string";

0

Deklarasi variabel kata kunci dalam javascript

var a = "10";
var b = "5";
console.log(a+b); // => hasilnya, 105
var c = parseInt(a); //Mengkonversi string ke dalam bentuk integer
var d = parseInt(b); //Mengkonversi string ke dalam bentuk integer
console.log(a+b) // => hasilnya, 15

1 adalah kata kunci deklarasi yang dapat digunakan sebelum ES6

Namun di ES6 javascript memperkenalkan kata kunci deklarasi terbaru yaitu

var a = "10";
var b = "5";
console.log(a+b); // => hasilnya, 105
var c = parseInt(a); //Mengkonversi string ke dalam bentuk integer
var d = parseInt(b); //Mengkonversi string ke dalam bentuk integer
console.log(a+b) // => hasilnya, 15

3 dan

var a = "10";
var b = "5";
console.log(a+b); // => hasilnya, 105
var c = parseInt(a); //Mengkonversi string ke dalam bentuk integer
var d = parseInt(b); //Mengkonversi string ke dalam bentuk integer
console.log(a+b) // => hasilnya, 15

4

Karena

var a = "10";
var b = "5";
console.log(a+b); // => hasilnya, 105
var c = parseInt(a); //Mengkonversi string ke dalam bentuk integer
var d = parseInt(b); //Mengkonversi string ke dalam bentuk integer
console.log(a+b) // => hasilnya, 15

_1 memiliki masalah global dan dapat dideklarasikan kembali tanpa pemberitahuan kesalahan, sehingga membingungkan programmer

Contoh kasusnya adalah sebagai berikut,

var x = 10;
x = "Niali x diubah menjadi string";

1

Misalkan kita secara tidak sengaja mendeklarasikan ulang variabel x, ini akan menjadi masalah ketika kita mencoba memanggil fungsi

var a = "10";
var b = "5";
console.log(a+b); // => hasilnya, 105
var c = parseInt(a); //Mengkonversi string ke dalam bentuk integer
var d = parseInt(b); //Mengkonversi string ke dalam bentuk integer
console.log(a+b) // => hasilnya, 15

6, meskipun nilai variabel x telah diganti dengan nilai

var a = "10";
var b = "5";
console.log(a+b); // => hasilnya, 105
var c = parseInt(a); //Mengkonversi string ke dalam bentuk integer
var d = parseInt(b); //Mengkonversi string ke dalam bentuk integer
console.log(a+b) // => hasilnya, 15

7;

Masalah tersebut dapat diatasi dengan menggunakan kata kunci

var a = "10";
var b = "5";
console.log(a+b); // => hasilnya, 105
var c = parseInt(a); //Mengkonversi string ke dalam bentuk integer
var d = parseInt(b); //Mengkonversi string ke dalam bentuk integer
console.log(a+b) // => hasilnya, 15

3, kata kunci deklarasi terbaru dari ES6

var a = "10";
var b = "5";
console.log(a+b); // => hasilnya, 105
var c = parseInt(a); //Mengkonversi string ke dalam bentuk integer
var d = parseInt(b); //Mengkonversi string ke dalam bentuk integer
console.log(a+b) // => hasilnya, 15

3 akan memberi tahu bahwa variabel telah dideklarasikan dalam blok kode yang sama

var x = 10;
x = "Niali x diubah menjadi string";

2

Apa itu blok kode?

Blok kode adalah area kode yang dibatasi oleh tanda "{" dan "}".

Variabel dapat dideklarasikan ulang menggunakan let, jika dalam blok kode yang berbeda

Misalnya sebagai berikut,

var x = 10;
x = "Niali x diubah menjadi string";

_3

Adapun kata kunci deklarasi

var a = "10";
var b = "5";
console.log(a+b); // => hasilnya, 105
var c = parseInt(a); //Mengkonversi string ke dalam bentuk integer
var d = parseInt(b); //Mengkonversi string ke dalam bentuk integer
console.log(a+b) // => hasilnya, 15

_4 digunakan untuk membuat variabel yang nilainya konstan atau tidak dapat diubah

Contoh kodenya adalah sebagai berikut,

var x = 10;
x = "Niali x diubah menjadi string";

_4

Ini tidak berlaku untuk tipe data array dan objek. Jika perubahan hanya pada nilai properti atau, isi array

var x = 10;
x = "Niali x diubah menjadi string";

5

Apa itu fungsi dalam javascript?

Sebenarnya kita sudah membuat fungsi pada pembahasan variabel

Jadi apa sebenarnya fungsi (pena. fungsi tertulis)?

Fungsi adalah sekumpulan proses yang dirangkai menjadi satu unit dalam blok kode

Suatu fungsi memiliki input, proses, dan output. Tapi ini tidak wajib. Kita masih bisa membuat fungsi tanpa input, tanpa proses atau tanpa return sesuai kebutuhan

var x = 10;
x = "Niali x diubah menjadi string";

6

Penjelasan.

var stringAngka = "50";
var x = Number(stringAngka);

1 dan

var stringAngka = "50";
var x = Number(stringAngka);

2 sebagai masukan,

var stringAngka = "50";
var x = Number(stringAngka);

3 sebagai proses dan mengembalikan

var stringAngka = "50";
var x = Number(stringAngka);

4 sebagai keluaran

Fungsi memungkinkan suatu proses untuk digunakan kembali sehingga menjadi lebih efisien dalam menulis kode dan menjadi lebih mudah dibaca

Contoh kode tanpa fungsi,

var x = 10;
x = "Niali x diubah menjadi string";

_7

Jika kita perhatikan potongan kode di atas, proses yang sama dilakukan dua kali, yaitu panjang * lebar. Mungkin untuk proses yang hanya membutuhkan satu langkah saja tidak menjadi masalah. Namun bayangkan untuk menghasilkan nilai yang luas, harus melalui banyak proses, penulisan kode menjadi tidak efisien

Contoh kode menggunakan fungsi,

var x = 10;
x = "Niali x diubah menjadi string";

8

Pada cuplikan kode di atas, proses ditempatkan di dalam sebuah fungsi. Jadi ketika kita ingin melakukan proses yang sama kita tinggal memanggil fungsi tersebut.

Buat fungsi dalam javascript

Ada beberapa cara untuk membuat fungsi bahkan di ES6 javascript sudah mendukung ekspresi lambda

Fungsi menulis secara umum yaitu seperti yang telah kita praktekkan sebelumnya,
```
var x = 10;
x = "Niali x diubah menjadi string";
```
_9

Buat fungsi dengan variabel. Seperti yang sudah dijelaskan, variabel dalam javascript bersifat fleksibel sehingga dapat digunakan untuk mengakomodasi fungsi anonim. Fungsi anonim itu sendiri adalah fungsi yang ditulis tanpa memberi nama pada fungsi tersebut

var bilangan_bulat=10; //=> Tipe data integer atau bilangan bulat
var bilangan_desimal =10.5 //=> Tipe data float atau bilangan desimal
var str = "Data String" //=> Tipe data string atau data yang tidak bisa dikalkulasi, sepeti huruf, simbol dan lain-lain.
var tf = True //=> Tipe data boolean atau data dengan nilai true atau false
var himpunan = ["Apel", "Jeruk", "Anggur"]; //=> Tipe data array atau kumpulan tipe data yang sama
var objek = {firstName:"John", lastName:"Doe"}; //=> Tipe data object atau data yang memiliki properti dan value. ;

_0

Menulis fungsi menggunakan ekspresi lambda. Ekspresi Lambda adalah fungsi anonim yang ditulis singkat. Ekspresi Lambda sedang menjadi tren di kalangan programmer. Javascript sendiri sudah mendukung penulisan ekspresi lambda di ES6

var bilangan_bulat=10; //=> Tipe data integer atau bilangan bulat
var bilangan_desimal =10.5 //=> Tipe data float atau bilangan desimal
var str = "Data String" //=> Tipe data string atau data yang tidak bisa dikalkulasi, sepeti huruf, simbol dan lain-lain.
var tf = True //=> Tipe data boolean atau data dengan nilai true atau false
var himpunan = ["Apel", "Jeruk", "Anggur"]; //=> Tipe data array atau kumpulan tipe data yang sama
var objek = {firstName:"John", lastName:"Doe"}; //=> Tipe data object atau data yang memiliki properti dan value. ;

_1

Buat fungsi tanpa input

Seperti yang sudah dijelaskan bahwa suatu fungsi tidak selalu harus memiliki input. Kami juga dapat memproses nilai dari variabel global

var bilangan_bulat=10; //=> Tipe data integer atau bilangan bulat
var bilangan_desimal =10.5 //=> Tipe data float atau bilangan desimal
var str = "Data String" //=> Tipe data string atau data yang tidak bisa dikalkulasi, sepeti huruf, simbol dan lain-lain.
var tf = True //=> Tipe data boolean atau data dengan nilai true atau false
var himpunan = ["Apel", "Jeruk", "Anggur"]; //=> Tipe data array atau kumpulan tipe data yang sama
var objek = {firstName:"John", lastName:"Doe"}; //=> Tipe data object atau data yang memiliki properti dan value. ;

_2

Buat fungsi tanpa output

Output dari suatu fungsi ditandai dengan

var stringAngka = "50";
var x = Number(stringAngka);

5. Jadi ketika kita ingin membuat sebuah fungsi tanpa output apapun, yang harus kita lakukan adalah menghapus kode

var stringAngka = "50";
var x = Number(stringAngka);

5

Bagaimana cara menulis variabel dalam JavaScript?

Cara membuat variabel yang biasa digunakan dalam javascript adalah menggunakan kata kunci var diikuti dengan nama variabel dan nilainya . Contoh. var title = "Pelajari Pemrograman Javascript"; . "Pelajari Pemrograman Javascript".

Apa itu variabel dalam JS?

Variabel adalah penanda identitas yang digunakan untuk menyimpan nilai. Secara teknis, variabel mengacu pada alamat di memori komputer (RAM). Saat kita membuat variabel , 'slot' memori akan disiapkan untuk menampung nilai.

Bagaimana cara menulis variabel yang benar?

Menulis Kode Program untuk True Variables adalah . Nama variabel tidak boleh menggunakan spasi jika Anda ingin program Anda berjalan dengan baik. Nama variabel wajib diawali dengan garis bawah atau underscore _ atau huruf, tidak boleh angka, lalu karakter berikutnya bisa angka, huruf, dan garis bawah. Nama variabel tidak bisa menggunakan spasi jika ingin program kamu berjalan dengan baik.

Bagaimana cara menulis variabel dengan benar di java?

Aturan Penulisan Variabel . Nama variabel harus diawali dengan huruf kecil, karena Java menggunakan gaya CamelCase. Nama variabel boleh menggunakan huruf, angka (0-9), garis bawah (underscore), dan symbol dollar ($), namun penggunaan garis bawah dan symbol lebih baik dihindari. Nama variabel harus diawali dengan huruf kecil, karena Java menggunakan gaya CamelCase.

kode javascript