• Contact Us
Thursday, December 22, 2022
-18 °c
Teman Ngoding
  • Home
  • Tutorial
    • Laravel
    • Codeigniter
    • PHP
    • Golang
    • Java
    • Javascript
    • React JS
    • SQL
    • Problem Solution
  • Video Tutorial
    • Video Laravel
    • Video Codeigniter
    • C++
    • Video Git
  • Events
  • Berita
  • Donate
  • Indonesia
    • English
No Result
View All Result
Teman Ngoding
  • Home
  • Tutorial
    • Laravel
    • Codeigniter
    • PHP
    • Golang
    • Java
    • Javascript
    • React JS
    • SQL
    • Problem Solution
  • Video Tutorial
    • Video Laravel
    • Video Codeigniter
    • C++
    • Video Git
  • Events
  • Berita
  • Donate
  • Indonesia
    • English
No Result
View All Result
Plugin Install : Cart Icon need WooCommerce plugin to be installed.
Teman Ngoding
No Result
View All Result
Home Tutorial Javascript

JavaScript Dasar Part 6 : If Else JavaScript

admin by admin
September 19, 2022
in Javascript, Tutorial
0 0
0
if else javascript

if else javascript

0
SHARES
94
VIEWS
Share on FacebookShare on Twitter

This post is also available in: English

Hallo apa kabar teman semuanya, semoga kamu sehat dan sukses selalu. Kali ini kita akan melanjutkan tutorial JavaScript, Sebelumnya kita telah membahas operator pada JavaScript. Dalam penerapan operator pada JavaScript juga sering terjadi.

If Else sering terjadi ketika kita menentukan sesuatu pada kehidupan sehari hari. Contohnya ketika kamu pergi keluar dan melihat cuaca, apakah kamu akan membawa payung atau tidak. Apakah hari ini akan terjadi hujan atau tidak. Jika cuacanya akan hujan maka kamu akan membawa payung, dan jika caucanya cerah maka kamu tidak akan membawa payung. Kita ilustrasikan pada flowchart di bawah ini.

Kamu implementasikan flowchart tadi dalam bentuk coding.

var rain = true;

if(rain == true){
  console.log("bring an umbrella");
}else{
  console.log("don't bring an umbrella");
}

Perhatikan kode di atas, karena kita membuat variabel rain dengan nilai true maka kia akan mendapatkan “bring a umbrella” dan jika kita ganti dengan nilai false maka akan menghadilkan “don’t bring an umbrella”.

Ada beberapa yang akan kita bahas:

  1. If Statement
  2. If Else Statement
  3. If Else If Statement

If Else Statement

If Else Statement merupakan fungsi yang sering digunakan untuk membuat kondisi dalam kode.

if( condition )
   statement;

Ada 3 staement yang digunakan :

  1. If Statement
  2. If Else Statement
  3. If Else Statement
  4. Truthy
  5. Falsy

Pelajari juga tutorial sebelumnya:

JavaScript Dasar Part 3 : Variabel

JavaScript Dasar Part 4 : Tipe Data JavaScript

JavaScript Dasar Part 5 : Operator JavaScript

If Statement

If statement adalah pernyataan kontrol dasar yang memungkinkan JavaScript untuk membuat keputusan dan mengeksekusi pernyataan secara kondisional. Berikut ini contoh dari If Statement.

if (condition) {
   code execution;
}

Kondisi ini akan memberikan satu pilihan, jika kondisi bernilai benar maka kode akan di jalankan, jika tidak kode tidak akan di jalankan.

Kita coba kode kondisi ini dugunakan menggunakan operator matematika.

 var nilai = 75;
 if( nilai > 60 ) {
    console.log("Good");
 }

If Else Statement

Statemen ini memungkinkan kamu akan lebih mengontrol dari hasil eksekusi dari sebuah kondisi. Dan memberikan output jika kondisi bernilai false.

if (condition) {
   true;
} else {
   false;
}

Pada contoh di atas kita akan mendapatkan hasil yang mempunyai nilai true dan false. Saya berikan contohnya saat menggunkan operator matematika pada javascript.

 var nilai = 75;
 if( nilai > 60 ) {
    console.log("Good");
 }else{
    console.log("Not Good");
}

If Else If Statement

Fungsi ini bertujuan untuk memberikan banyak pilihan pada suatu kondisi yang diberikan. Disini saya berikan contohnya:

if (condition_1) {
   condition 1
} else if (condition_2) {
   condition 2
} else if (condition_3) {
   Condition 3
} else {
   False;
}

Kode di atas merupakan serangkaian dari fungsi statement if else if. yaitu memberikan beberapa statment sesuai kondisi yang di inginkan, dan ketika tidak ada lagi stament susuai kondisi yang ada, maka akan diberikan nilai false.

 var Student = "ari";
 if( student == "ari" ) {
     console.log("This is Ari");
 } else if( student == "budi" ) {
     console.log("This is budi");
 } else if( siswa == "andi" ) {
     console.log("This is Andi");
 } else {
     console.log("no students");
 }

Truthy & Falsy

Nilai Truthy dan Falsy sangat penting ketika kita menggunakan fungsi kondisi if dan perulangan.

Mari kita gunakan contoh conditional statement untuk menemukan alasan mengapa kita perlu mengetahui nilai truthy dan falsy.

if ('') {
  console.log('hello world');
}

Contoh di atas, kita tidak memasukkan nilai boolean tapi string kosong.

Lantas, jika string kosong dikonversi ke nilai boolean apakah hasilnya true atau false?

Disinilah kita perlu mengetahui nilai truthy dan falsy.

String kosong yang dikonversi ke nilai boolean akan menjadi false, oleh karena itu kode di dalam { ... } contoh di atas tidak dieksekusi.

Konversi Nilai ke Boolean

Setiap nilai pada JavaScript pada dasarnya juga mewarisi sifat boolean. Nilai ini dikenal dengan truthy atau falsy. Nilai truthy berarti nilai yang ketika dievaluasi akan menghasilkan nilai true, begitu pula falsy bernilai false. Jadi manakah yang termasuk truthy dan falsy? Selain nilai boolean false, tipe data atau nilai yang dianggap falsy, antara lain:

  • Number 0
  • BigInt 0n
  • String kosong seperti “” atau ‘’
  • null
  • undefined
  • NaN, atau Not a Number

Contoh, tanpa konversi:

console.log(''); // ''

Kode di atas akan mengembalikan string kosong bukan boolean.

Tapi jika kita konversi, ini akan mengembalikan nilai boolean.

console.log(!!''); // false
// or
console.log(Boolean('')); // false

Truthy

Truthy merupakan nilai yang mempunyai nilai true saat mendapatkan nilai boolean.

Berikut ini daftar, jika kita konfersi ke boolean akan bernilai true:

ValueDescription
'hello'String berisi termasuk 'hello', "hello", maupun hello
1Angka positif maupun negatif selain 0 dan -0 entah bilangan bulat atau pecahan
1nBigInt selain 0n
trueBoolean true
{}Objek berisi maupun tidak
[]Array berisi maupun tidak
InfinityNilai Infinity
-InfinityNilai -Infinity

Falsy

Kebalikan dari truthy, falsy adalah nilai yang akan dikonversi menjadi false saat ditemui dalam konteks boolean.

Berikut daftar nilai yang jika dikonversi ke boolean akan menjadi false:

ValueDescription
''String kosong (“”, ”, “)
0Angka 0 termasuk 0.0 dan 0x0, negatif maupun positif
0nBigInt 0
falseBoolean false
nullNilai null
undefinedNilai undefined
NaNNilai NaN

Demikian tutorial kali ini saya buat, semoge bermanfaat.

Terimakasih.

Previous Post

Membaca QR dan Barcode Menggunakan Webcam dengan html5-qrcode

Next Post

Perbedaan BOM Dan DOM Pada JavaScript

Next Post
DOM dan GOM Javascript

Perbedaan BOM Dan DOM Pada JavaScript

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Trending
  • Comments
  • Latest
Tutorial CodeIgniter 4 part 1 ~ RESTful API JWT Authentication

Tutorial CodeIgniter 4 part 1 ~ RESTful API JWT Authentication

June 2, 2022
Codeigniter 4 ~ Membuat Notifikasi Menggunakan SweetAlert

Codeigniter 4 ~ Membuat Notifikasi Menggunakan SweetAlert

June 8, 2022
Tutorial Codeigniter 4 ~ Login dan Register

Tutorial Codeigniter 4 ~ Login dan Register

May 30, 2022
REST API Login dan Register Node.js dengan JWT

REST API Login dan Register Node.js dengan JWT

July 28, 2022
Tutorial Codeigniter 4 ~ Login dan Register

Tutorial Codeigniter 4 ~ Login dan Register

5
Rekomendasi tempat belajar pemrograman

Rekomendasi tempat belajar pemrograman

3
Menghilangkan Public dan Index.php dari URL Codeigniter 4

Menghilangkan Public dan Index.php dari URL Codeigniter 4

2
Membuat Sitemap Otomatis Codeigniter 4

Membuat Sitemap Otomatis Codeigniter 4

1
Access MongoDB With Node.JS

Akses MongoDB Dengan Node.JS

September 26, 2022
Teorema Structured Control

Basic Programming – Structured Control Theorem

September 23, 2022
WEB CRUD LocalStorage Menggunakan JavaScript

WEB CRUD LocalStorage Menggunakan JavaScript

September 22, 2022
DOM dan GOM Javascript

Perbedaan BOM Dan DOM Pada JavaScript

September 20, 2022
Teman Ngoding

Teman Ngoding tempat berbagi tutorial pemrograman
Read more

Categories

  • Berita
  • C++
  • Codeigniter
  • Events
  • Flutter
  • Golang
  • Java
  • Javascript
  • Laravel
  • MongoDB
  • News
  • Node JS
  • Pemrograman
  • PHP
  • Problem Solution
  • React JS
  • SQL
  • Tutorial
  • TypeScript
  • TypeScript
  • Video Codeigniter
  • Video Git
  • Video Laravel
  • Video Tutorial

Tags

ajax belajar golang belajar reactjs blog browser seluler Cara mendapatkan Uang dari Blog codeigniter codeigniter 3 codeigniter 4 codeigniter4 embed html Error Handling flutter flutter vs react native golang golang dasar html infinite scroll javascript javascript tutorial laravel laravel 8 laravel9 laravel 9 load more ajax Menggunakan Multiple select2 dan menyimpan dengan format json mongodb nodejs pdf pemrograman ajax pemrograman golang pemrograman php reactjs reactjs tutorial reactjs vs react native rest api rest api codeigniter 4 tutorial codeigniter 4 tutorial golang tutorial javascript tutorial laravel tutorial laravel 8 tutorial nodejs tutorial reactjs uang dari blog

Recent News

Access MongoDB With Node.JS

Akses MongoDB Dengan Node.JS

September 26, 2022
Teorema Structured Control

Basic Programming – Structured Control Theorem

September 23, 2022

© 2022 Teman Ngoding.

No Result
View All Result
  • Home
  • Tutorial
    • Laravel
    • Codeigniter
    • PHP
    • Golang
    • Java
    • Javascript
    • React JS
    • SQL
    • Problem Solution
  • Video Tutorial
    • Video Laravel
    • Video Codeigniter
    • C++
    • Video Git
  • Events
  • Berita
  • Donate
  • Indonesia
    • English

© 2022 Teman Ngoding.

Login to your account below

Forgotten Password?

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In
  • English
  • Indonesia