Tutorial JS

JS RUMAH Pengenalan JS JS Dimana Keluaran JS Pernyataan JS Sintaks JS Komentar JS Variabel JS JS Let JS Const Operator JS JS Aritmatika Tugas JS Tipe Data JS Fungsi JS Objek JS Acara JS String JS Metode String JS Pencarian String JS Template String JS Nomor JS Metode Nomor JS JS Array Metode Array JS Sortir Array JS Iterasi Array JS JS Array Const Tanggal JS Format Tanggal JS Metode Dapatkan Tanggal JS Metode Penetapan Tanggal JS JS Matematika JS Acak JS Boolean Perbandingan JS Ketentuan JS Beralih JS JS Loop Untuk JS Loop Untuk Masuk JS Loop Untuk Of JS Loop Sementara Istirahat JS JS Iterable JS Set Peta JS Tipe JS Konversi Tipe JS JS Bitwise JS RegExp Kesalahan JS Lingkup JS Pengangkatan JS Mode Ketat JS JS Kata Kunci ini Fungsi Panah JS Kelas JS JS JSON Debug JS Panduan Gaya JS Praktik Terbaik JS Kesalahan JS Kinerja JS Kata-kata Cadangan JS

Versi JS

Versi JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Tepi Sejarah JS

Objek JS

Definisi Objek Properti Objek Metode Objek Tampilan Objek Aksesor Objek Konstruktor Objek Prototipe Objek Obyek Iterable Set Objek Peta Objek Referensi Objek

Fungsi JS

Definisi Fungsi Parameter Fungsi Panggilan Fungsi Panggilan Fungsi Fungsi Terapkan Penutupan Fungsi

Kelas JS

Perkenalan Kelas Warisan Kelas Kelas Statis

JS Asinkron

Panggilan Balik JS JS Asinkron JS Janji JS Async/Menunggu

JS HTML DOM

Pengenalan DOM Metode DOM Dokumen DOM Elemen DOM HTML DOM Formulir DOM CSS DOM Animasi DOM Acara DOM Pendengar Acara DOM Navigasi DOM Node DOM Koleksi DOM Daftar Node DOM

JS Browser BOM

Jendela JS Layar JS Lokasi JS Sejarah JS JS Navigator Peringatan Munculan JS Waktu JS JS Cookies

JS Web API

Pengantar API Web API Formulir Web API Riwayat Web API Penyimpanan Web API Pekerja Web API Pengambilan Web API Geolokasi Web

JS AJAX

Pengenalan AJAX AJAX XMLHttp Permintaan AJAX Tanggapan AJAX File XML AJAX AJAX PHP AJAX ASP Basis Data AJAX Aplikasi AJAX Contoh AJAX

JS JSON

Perkenalan JSON Sintaks JSON JSON vs XML Tipe Data JSON Penguraian JSON Stringify JSON Objek JSON Array JSON Server JSON JSON PHP JSON HTML JSON JSONP

JS vs jQuery

Pemilih jQuery jQuery HTML jQuery CSS jQuery DOM

Grafik JS

Grafik JS JS Kanvas JS Plotly JS Chart.js Bagan Google JS JS D3.js

Contoh JS

Contoh JS JS HTML DOM Masukan HTML JS Objek HTML JS Acara HTML JS JS Browser Editor JS Latihan JS kuis JS Sertifikat JS

Referensi JS

Objek JavaScript Objek DOM HTML


Operator JavaScript


Contoh

Tetapkan nilai ke variabel dan tambahkan bersama-sama:

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

Operator penugasan ( =) memberikan nilai ke variabel.

Penugasan

let x = 10;

Operator penjumlahan ( +) menambahkan angka:

menambahkan

let x = 5;
let y = 2;
let z = x + y;

Operator perkalian ( *) mengalikan angka.

mengalikan

let x = 5;
let y = 2;
let z = x * y;


Operator Aritmatika JavaScript

Operator aritmatika digunakan untuk melakukan aritmatika pada angka:

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement

Operator aritmatika dijelaskan sepenuhnya dalam bab Aritmatika JS .


Operator Penugasan JavaScript

Operator penetapan memberikan nilai ke variabel JavaScript.

Operator Example Same As
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

Operator penugasan penambahan ( +=) menambahkan nilai ke variabel.

Penugasan

let x = 10;
x += 5;

Operator penugasan dijelaskan sepenuhnya dalam bab Tugas JS .


Operator String JavaScript

Operator +juga dapat digunakan untuk menambahkan (menggabungkan) string.

Contoh

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

Hasil dari text3 akan menjadi:

John Doe

Operator +=penugasan juga dapat digunakan untuk menambahkan (menggabungkan) string:

Contoh

let text1 = "What a very ";
text1 += "nice day";

Hasil dari text1 akan menjadi:

What a very nice day

Ketika digunakan pada string, operator + disebut operator penggabungan.


Menambahkan String dan Angka

Menambahkan dua angka, akan mengembalikan jumlah, tetapi menambahkan angka dan string akan mengembalikan string:

Contoh

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

Hasil dari x , y , dan z adalah:

10
55
Hello5

Jika Anda menambahkan angka dan string, hasilnya akan menjadi string!


Operator Perbandingan JavaScript

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

Operator perbandingan dijelaskan sepenuhnya dalam bab Perbandingan JS .


Operator Logika JavaScript

Operator Description
&& logical and
|| logical or
! logical not

Operator logika dijelaskan sepenuhnya dalam bab Perbandingan JS .


Operator Jenis JavaScript

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

Operator jenis dijelaskan sepenuhnya dalam bab Konversi Jenis JS .


Operator Bitwise JavaScript

Operator bit bekerja pada angka 32 bit.

Setiap operan numerik dalam operasi diubah menjadi angka 32 bit. Hasilnya dikonversi kembali ke nomor JavaScript.
Operator Description Example Same as Result Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

Contoh di atas menggunakan 4 bit contoh unsigned. Tetapi JavaScript menggunakan nomor yang ditandatangani 32-bit.
Karena itu, dalam JavaScript, ~ 5 tidak akan mengembalikan 10. Ini akan mengembalikan -6.
~00000000000000000000000000000000101 akan mengembalikan 11111111111111111111111111111010

Operator bitwise sepenuhnya dijelaskan dalam bab JS Bitwise .


Uji Diri Anda Dengan Latihan

Olahraga:

Kalikan 10dengan 5, dan beri tahu hasilnya.

alert(10  5);