• Contact Us
Tuesday, December 20, 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 5 : Operator JavaScript

admin by admin
September 12, 2022
in Javascript, Tutorial
0 0
0
JavaScript Dasar Part 5 : Operator JavaScript
0
SHARES
65
VIEWS
Share on FacebookShare on Twitter

This post is also available in: English

Hallo apa kabar teman semuanya, kali ini kita kan lanjutkan tutorial JavaScript. Sebelumnya kita telah membahas Variabe JavaScript. Operator merupakan kode dasar yang harus kalian pahamai dalam pemrograman. Karena jika kita membuat aplikasi, pasti kita akan menemukan logika matematik di dalamnya.

Sebelum kamu lanjutkan, pelajari dulu tutorial sebelemunnya:

JavaScript Dasar Part 1 : Apa itu JavaScript?

JavaScript Dasar Part 2 : Kode Pertama dan Comments

JavaScript Dasar Part 3 : Variabel

JavaScript Dasar Part 4 : Tipe Data JavaScript

JavaScript Dasar Part 5 : Operator JavaScript

Apa itu Operator?

Operator adalah suatu simbol untuk melkukan operasi seperti matematika, relasional, atau logika untuk memberikan hasil tertentu.

Operator memiliki beberapa jenis, dianataranya:

  1. Assignment Operator
  2. Comparison Operator
  3. Logical Operator
  4. Bitwise Operator

Assignment Operator

Operator ini digunakan untuk memberikan nilai pada variabel. Pada dasarnya operator ini memberikan tanda sama dengan ( = ). Dimana tanda ini untuk mengisinialisasikan nilai variabel. Saya akan berikan contoh di bawah ini.

a = b;

Kode di atas menginisalisasikan nilai b pada variabel a.

Assignment Operator memiliki tamabahn lain dalam memberikan nilai pada variabel. Contohnya

var assignment = 1;
assignment += 1;

Contoh kode di atas sama dengan

assignment = assignment + 1;

Contoh di atas kita dapat memberikan nilai pada variabel dengan di tambah 1. Contoh ini sama dengan metode increment. Metode increment biasa digunakan pada proses looping, sedangkan operator assignment digunakan untuk operasi aritmatika yang lebih kompleks.

Metode ini daapt digunakan untuk operator aritmatika, seperti pengurangan, penjumlahan, perkalian, pembagian dan lainnya. Saya berikan contoh yang lainnya:

let x = 10;
let y = 5;

x += y; // same -> x = x + y;
x -= y; // same -> x = x - y;
x *= y; // same -> x = x * y;
x /= y; // same -> x = x / y;
x %= y; // same -> x = x % y;

Comparison Operator

Comprasion Operator merupakan operator perbandingan suatu nilai sebagai logika dasar pemrograman.

Di bawah ini saya akan jelaskan operator pembanding/komparasi yang berguna untuk mengevaluasi dan membandingkan dua buah nilai.

OperatorFungsi
==Membandingkan kedua nilai apakah sama (tidak identik).
!=Membandingkan kedua nilai apakah tidak sama (tidak identik).
===Membandingkan kedua nilai apakah identik.
!==Membandingkan kedua nilai apakah tidak identik.
> Membandingkan dua nilai apakah nilai pertama lebih dari nilai kedua.
>=Membandingkan dua nilai apakah nilai pertama lebih atau sama dengan nilai kedua.
< Membandingkan dua nilai apakah nilai pertama kurang dari nilai kedua.
<=Membandingkan dua nilai apakah nilai pertama kurang atau sama dengan nilai kedua.

Pada operator di atas kita telah mengetahui fungsi dari jenis-jenis operator perbandingan. Kita langsung saja buatkan contohnya:

let a = 14;
let b = 16;
console.log(a < b);
console.log(a > b);

/* output
true
false
*/

Ketika kita membuat suatu program maka kita akan menemukan operator “sama” ( == ) dan “identik” ( === ), kita akan membahas perbedaanya di bawah ini.

Ketika kita mempunyai dua buah variabel dengan nilai yang sama contohnya pertama string “5” dan number 5. Merupakan angka yang sama, akan tetapi keduanya tidak benar benar sama.

Dari pernyataan di atas bahwa nilai “5” mempunyai tipe data yang berbeda. Jika kita ingin membandingkan hanya dari kesamaa nilainya, kita dapat menggunakan == jika kita ingin membandingkan dari tipe datanya kita dapat gunakan ===. Saya akan berikan contohnya di bawah ini:

const aString = '5';
const aNumber = 5

console.log(aString == aNumber) // true
console.log(aString === aNumber) // false

Logical Operator

Logical Operator merupakan operator untuk menentukan nilai “boolean” yaitu hanya mengambil true dan false. Dengan Logical operator kita dapat menggunakan dua nilai boolean atau bahkan lebih dalam menetapkan logika.

Pada JavaScript kita memiliki tiga buah karakter khusus yang berfungsi untuk logical oprator. Berikut ini opearot dan fungsinya:

OperatorDeskripsi
&&Operator dan (and). Logika akan menghasilkan nilai true apabila semua kondisi terpenuhi (bernilai true).
||Operator atau (or). Logika akan menghasilkan nilai true apabila ada salah satu kondisi terpenuhi (bernilai true).
!Operator tidak (not). Digunakan untuk membalikkan suatu kondisi.

Kita langsung saja pada contohnya:

  var x = 20;
  var y = 19;

  var aTrue = x > y;
  var aFalse = x < y;

 //operator && (and)
 var resultAnd = aTrue && aFalse;
console.log(resultAnd); //false

 //operator && (or)
var resultOr = aTrue || aFalse;
console.log(resultOr); //true

 // operator ! (not)
 var resultNot = !aTrue;
console.log(resultNot); //false

Fungsi dari logika boolean adalah kunci dari logika pemrograman, karena boolean dapat mengontrol alur program.

Fungsi ini kita akan membahasnya di if/else statement yang dapat mengontrol flow dari program.

Bitwise Operator

Operator bitwise merupkan operator yang digunakan untuk operasi berdasarkan bit (biner). Di bawah ini nama dan symbol dari operator bitwise:

NamaSimbol di Java
AND&
OR|
XOR^
Negasi/kebalikan~
Left Shift«
Right Shift»
Left Shift (unsigned)«<
Right Shift (unsigned)»>

Operator ini berlaku untuk tipe data int, long, short, char, dan byte.

Saya akan berikan contohnya di bawha ini:

var x = 4;
        var y = 3;

        // bitwise operator and
        var result = x & y;
        console.log(result);

        // bitwise operator or
        var result = x | y;
        console.log(result);

        // bitwise operator xor
        var result = x ^ y;
        console.log(result);

        // nagasi operator 
        var result = ~x;
        console.log(result);
        
        // bitwise operator right shift >>
        var result = x >> y;
        console.log(result);

        // bitwise operator right shift <<
        var result = x << y;
        console.log(result);

        // bitwise operator right shift (unsigned) >>>
        var result = x >>> y;
        console.log(result);

Demikian tutorial kali ini dapat saya berikan, semoga bermanfaat.

Terimakasih.

Previous Post

JavaScript Dasar Part 4 : Tipe Data JavaScript

Next Post

Implementasi Datatables di Laravel

Next Post
implementation of Datatables in Laravel

Implementasi Datatables di Laravel

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