Ternary Operator JavaScript: Pengertian dan Contoh Penggunaannya untuk Pengecekan Kondisi pada Aplikasi

Ngulik Kode - Ada banyak operator pada JavaScript, salah satunya adalah ternary operator. Pada artikel ini, saya akan menjelaskan apa itu operator dan bagaimana itu bisa berguna ketika membuat aplikasi.

Apa itu Ternary Operator?

Ternary operator adalah operator kondisional yang mengevaluasi salah satu dari dua kondisi. Kondisi true dan kondisi false. Semuanya berdasarkan perintah kondisi yang kalian berikan.

Contoh sintaks ternary operator:

Kode diatas memiliki kondisi yang mengembalikan nilai true atau false.

Setelah kondisi, kode tersebut memiliki tanda tanya (kita anggap sebagai "mempertanyakan kondisi"), diikuti dengan nilai true. Kondisi ini dieksekusi ketika kondisi yang kalian berikan benar atau memenuhi syarat atau bernilai true.

Setelah kondisi true, kode tersebut memiliki titik dua, diikuti dengan nilai false. Kondisi ini dieksekusi ketika kondisi yang kalian berikan salah atau tidak memenuhi syarat atau bernilai false.

Ternary operator mengembalikan sebuah nilai yang dapat kalian masukan ke dalam variabel:

Nilai yang dikembalikan tergantung pada evaluasi dari kondisi kode kita. Jika kondisi benar, maka akan mengembalikan nilai dari kondisi true lalu akan dimasukan ke dalam variabel, dan jika kondisi salah maka akan mengembalikan nilai false yang akan dimasukan ke dalam variabel.

Cara menggunakan Ternary Operator Sebagai Pengganti Pernyataan if

Ternary operator bisa menjadi pengganti yang bagus untuk pernyataan if dalam beberapa kasus. Kita bisa menulis kode yang lebih bersih, ringkas, dan lebih mudah dibaca jika digunakan dengan baik.

Contoh:

Pada contoh diatas, kita mempunyai skor 80 dan variabel nilai. Kemudian kita punya sebuah pernyataan if yang ngecek jika skor > 80. Jika kondisi ini dievaluasi jadi true, maka variabel nilai menjadi "Luar Biasa", jika tidak, maka nilainya menjadi "Cukup".

Kita bisa memperbaiki kode di atas dengan ternary operator.

Ingat sintaksnya: kalian memiliki kondisi, sebuah tanda tanya, nilai true, sebuah titik dua, dan terakhir nilai false. Ok, lihat kode ini:

Kondisi benar dan salah di atas adalah string yang akan mengembalikan nilai ke variabel nilai tergantung dari kondisi skor > 70.

Kondisi benar dan salah dan berupa fungsi, operasi aritmatika, dan lainnya. Contoh:

Kalian bisa lihat, kondisi diatas mengembalikan nilai false, yang berarti function goodNight() dieksekusi lalu menampilkan "Good night" pada console dan juga mengembalikan nilai "night" yang dimasukan ke dalam variabel result.

Cara Menggunakan Nested Ternary Operator

Bagaimana jika kalian ingin menggunakan pernyataan if..else if..else dengan ternary operator? Oke kita lihat contoh di bawah:

Kita mempunyai pernyataan if..else if..else dimana pertama kita cek jika skor > 70. Jika megembalikan nilai true, maka masukan "Luar Biasa" ke dalam variabel nilai. Jika salah, kita cek jika skor > 80. Jika kondisi yang kedua ini benar maka akan mengembalikan nilai true, dan memasukkan "Rata-rata" ke variabel, tapi jika ini salah juga, maka kondisi terakhirlah yaitu "Kurang baik" yang akan dimasukan ke dalam variabel nilai.

Okay mari kita lakukan ini dengan cara ternary operator:

Kalian bisa lihat, disini kita punya dua tanda tanya dan dua titik dua. Di ternary operator pertama, kita mempunyai kondisi skor > 70. Setelah tanda tanya pertama, kita mempunyai nilai true yaitu "Luar Biasa". Setelah titik dua pertama, nilai berikutnya seharusnya false. Untuk nilai false, kita mendeklarasikan kondisi lain menggunakan ternary operator.

Kondisi kedua adalah skor > 70. Setelah tanda tanya kedua, kita mempunyai nilai "Rata-rata". Setelah titik dua kedua, kita sekarang mempunyai nilai false yang lain, yaitu "Kurang Baik".

Dengan ini, jika kondisi pertama true, "Luar Biasa" yang akan dimasukan ke dalam variabel nilai. Jika kondisi pertama salah, maka kita punya pengecekan kondisi lain. Jika kondisi kedua bernilai true, "Rata-rata" yang akan dimasukan ke dalam variabel. Jika kondisi kedua ini salah juga, makan kita mempunyai kondisi terakhir, "Kurang Baik" yang akan dimasukan ke dalam variabel.

Penutup

Sekarang kalian bisa membuat pengecekan kondisi menjadi lebih rapi dengan adanya ternary operator ini. Gunakan ternary operator ini dengan baik, saran saya jangan memakai ternary operator ini untuk kondisi yang terlalu panjang, karena nantinya akan sulit dibaca. Terima kasih sudah membaca artikel ini, semoga bermanfaat.

Meningkatkan User Experience: Memahami Perbedaan Cookies dan Session pada Aplikasi Web

Ngulik Kode - Data yang pengguna isi pada beberapa halaman website bisa disimpan menggunakan sebuah kombinasi cookies dan session. Cookies dan session, keduanya sangat penting karena mereka merekam data yang telah disediakan pengguna untuk berbagai tujuan.

Cookies dan session digunakan untuk menyimpan informasi. Cookies hanya menyimpan pada device klien, sedangkan session disimpan pada device klien dan juga di server.

Apa itu Cookie?

Cookies adalah file kecil berbasis teks yang disimpan pada komputer pengguna dan hanya bisa diakses oleh browser pengguna. Ukuran cookie dapat mencapai maksimal 4 KB. Cookies juga disebut sebagai HTTP cookie, online cookies, dan internet cookies, diantara nama-nama lainnya.

Ketika seseorang masuk ke dalam website atau aplikasi untuk pertama kalinya, website tersebut mengirimkan banyak informasi ke komputer pengguna dalam bentuk cookie.

Ketika pengguna membuka sebuah website, cookies ini melacak semua kegiatan yang mereka lakukan pada halaman tersebut. Informasi disimpan menggunakan tipe data string. Informasi yang dikumpulkan oleh cookie tidak dianggap aman karena informasi disimpan dalam teks yang mudah dibaca dan dipahami. Pengguna memiliki kemampuan untuk mengontrol apakah cookie diaktifkan atau dinonaktifkan kapan saja mereka mau. Hanya pengguna yang membuat cookie yang memiliki akses ke informasi cookie tersebut, tidak ada pengguna lain yang dapat melihatnya.

Cookies dibuat menggunakan bantuan dari HTTP header dan kemudian ditransfer antara browser dan server. Cookies membaca data yang dihasilkan saat kita mencari sesuatu diinternet, contohnya mencari dan memutar lagu tertentu di YouTube. Kemudian, pada saat nanti kita membuat YouTube kembali, lagu yang sama akan ditampilkan atau rekomendasi yang mirip dengan lagu tersebut.

Apa itu Session?

Sessions digunakan untuk menyimpan data sementara di server, sehingga dapat digunakan diberbagai situs yang berbeda. Sederhananya, sebuah session adalah jumlah waktu yang dihabiskan pengguna untuk terlibat dalam aktivitas tertentu. Periode waktu ini dimulai saat pengguna mengakses website atau aplikasi apapun dan berlanjut hingga pengguna keluar dari aplikasi atau mematikan komputer.

Karena protokol HTTP tidak melacak status pengguna, server web tidak mengenali pengguna saat mereka menggunakan aplikasi yang tersedia di internet. Informasi yang pengguna masukan ke dalam aplikasi di halaman awal atau halaman yang lainnya tidak akan berpindah ke halaman lain di aplikasi tersebut. Session digunakan untuk menghapus batasan ini. Variabel session, yang bisa berupa apa saja, adalah tempat data pengguna dapat disimpan jika mereka memilih untuk melakukannya. Data yang disimpan oleh variabel session dienkripsi atau diubah menjadi bentuk binary di server, yang melindungi data agar tidak dapat diakses oleh pihak ketiga.

Ketika pengguna aplikasi keluar dari aplikasi tersebut, nilai session otomatis terpisah. Nilai session perlu disimpan dalam database jika ingin dipertahankan untuk jangka waktu yang lebih lama. Setiap session adalah unik untuk pengguna individu, dan tidak ada batasan jumlah session yang dapat digunakan dalam satu aplikasi karena tidak ada batasan yang ditempatkan pada session. Seorang pengguna dapat dikenali dengan bantuan session, yang merupakan nomor unik yang disimpan di server dalam bentuk cookie, kolom formulir, atau URL.

ID Session, yang merupakan nomor unik yang disimpan sementara di server, digunakan untuk mengidentifikasi pengguna. Itu bisa berupa cookie, kolom formulir, atau sebuah URL yang disimpan.

Mengapa menggunakan session?

Session digunakan untuk menyimpan informasi seperti ID pengguna melalui server lebih aman, yang tidak dapat diubah. Ini mencegah informasi dari dirusak.

Selain itu, session dapat mentransfer informasi dari satu halaman web ke halaman lain dalam bentuk nilai.

Session dapat digunakan sebagai pengganti cookie di web browser yang tidak menggunakan cookie, memungkinkan penyimpanan variabel dengan cara yang lebih sulit ditembus.

Perbandingan antara Cookie dan Session

Dasar Perbandingan	Cookies	Session
Definisi	Cookies adalah file dari sisi klien yang disimpan di komputer lokal dan berisi informasi pengguna.	Session adalah file dari sisi server yang menyimpan informasi pengguna.
Kadaluwarsa	Cookies kadaluwarsa setelah masa hidup yang ditentukan pengguna.	Session berakhir ketika pengguna menutup browser atau keluar dari aplikasi.
Penyimpanan Data	Hanya dapat menyimpan data dalam jumlah terbatas.	Dapat menyimpan informasi dalam jumlah tak terbatas.
Kapasitas	Cookies hanya bisa disimpan maksimal 4 KB data di browser.	Ada batasan memori maksimal 128 megabytes yang dapat digunakan script pada satu waktu. Namun, kita bebas menyimpan data sebanyak yang kita suka dalam satu sesi.
Fungsi	Kita tidak perlu menjalankan fungsi untuk menjalankan cookie karena disimpan di komputer lokal.	Memanfaatkan metode session start() diperlukan sebelum kita dapat memulai session.
Format Data	Cookies digunakan untuk menyimpan informasi dalam file teks.	Data disimpan dalam format terenkripsi selama session.
Penyimpanan	Cookies disimpan dalam jumlah data yang terbatas.	Session dapat menyimpan data dalam jumlah tak terbatas.

Terlepas dari kenyataan bahwa cookie dan session keduanya merupakan cara untuk menyimpan data di server atau di halaman web, cara data diakses berbeda antara kedua metode tersebut. Data yang disimpan di cookie hanya disimpan di sisi klien, sedangkan informasi yang disimpan di session disimpan di sisi klien dan server.

Cookie dianggap kurang aman daripada session karena pihak ketiga dapat memanipulasi data yang disimpan didalamnya, sedangkan session disimpan dalam bentuk terenkripsi yang hanya dapat dibaca oleh pengguna.

Session juga menyimpan kata sandi di komputer dan data formulir, yang berarti setiap kali pengguna mengakses aplikasi, aplikasi itu tidak akan meminta pengguna untuk masuk lagi. Ini karena kata sandi dan data formulir disimpan.