[NEW] [WIP] Javascript

[khumam]

Category
Programming Language

Title
Javascript

Description
Javascript merupakan bahasa pemrograman populer yang banyak digunakan untuk kebutuhan Frontend dan memberikan pengalaman yang baik ke pengguna. Javascript biasanya akan jalan secara otomatis di browser tanpa harus menginstall aplikasi apapun

Cards
Please write the content of your cards. The content should be in markdown format so we can add your content easily. Or you can see this example below.

Getting Started with Javascript

File javascript bisa dibuat dengan ekstensi .js jika itu file yang terpisah dari HTML. Akan tetapi, juga bisa langsung diselipkan di dalam dokumen HTML dengan tag script. Jika filenya terpisah, bisa juga diimport dengan menggunakan tag yang sama yaitu script.

<!-- Import file .js -->
<script src="path/ke/file.js"></script>

<!-- Menulis langsung di HTML -->
<script>
   // Langsung tulis file javascriptnya
</script>

\

Javascript Variable

Untuk inisialisasi variable Javascript, perlu aksesor diawalnya. Variable javascript tidak memerlukan simbol apapun dalam penulisannya. Hanya saja perlu diketahui bahwa penulisannya tetap mengikuti aturan penulisan variabel secara umum.

// Variabel konstan
const data = 'your value';

// Variabel bisa diubah secara global
var user = 'your value';

// Variabel bisa diubah di block tertentu
let number = 13;

\

Javascript Variable aksesor

Secara umum ada 3 aksesor yang harus dipahami. Yaitu const, var, dan let. Term conts digunakan untuk membuat variabel konstan yang tidak bisa diubah lagi nilainya kecuali diinisialisasi ulang. Term var dan let merupakan aksesor yang mana nilai variable bisa diubah, bedanya var bersifat global dan let bersifat lokal.

// Const variable
const number = 1;
number = 2; // error karena variable number itu constant
const number = 2; // bisa karena diinisialisasi ulang

// Var dan let
var name = 'Jhon';
function process() {
  let age = 24;
  return "My name is " + name + " and I am " + age + " years old";
  // My name is Jhon and I am 24 years old
}

age = 21;
console.log("My name is " + name + " and I am " + age + " years old");
// My name is Jhon and I am undefined years old

\

Conditional statement in Javascript

Penggunaannya secara umum sama. Ada dengan menggunakan IF - ELSE IF - ELSEstatement ada juga yang menggunakan SWITCH Statement

// Menggunakan if - else if - else statement
if (condition) {
   return true;
} else if (another_condition) {
  return true;
} else {
  return false;
}

// Menggunakan switch statement
switch(value) {
  case condition:
     return true;
     break;
 case another_condition:
    return true;
    break;
 default:
    return false;
}

\

Looping in Javascript

Di dalam javascript, ada beberapa jenis perulangan, yang mana mungkin salah satunya sudah familiar. Yakni for loop, for in loop, for of loop, dan while loop.
\

Looping in javascript: For loop

Untuk for loop sama seperti di dalam bahasa pemrograman pada umumnya, Looping ini memiliki nilai awal, batasan akhir, dan kondisi looping yang sudah ditentukan.

for (initial_condition, final_condition, condition_behavior) {
  // Your code
}

// Example
for (let index = 0; index < 10; index++) {
  // your code will run 10x
}

\

Looping in javascript: For In loop

Di dalam javascript, terdapat metode for in loop. Metode ini digunakan untuk mengambil key dari sebuah objek.

const data = { name: "Jhon", age: 24, address: "New York" };
let text = "";

for (key in data) {
  text += data[key];
}

console.log(text);
// Jhon24New York

\

Looping in javascript: For Of loop

Untuk mengulang sebanyak panjang dari array atau objek yang diulang, kita bisa menggunakan For Of Loop.

const data = ['a', 'b', 'c'];

for (const element of data) {
  console.log(element);
}

// Expected output: "a"
// Expected output: "b"
// Expected output: "c"

\

Looping in Javascript: While loop

Untuk looping while loop cara penggunaannya sama seperti di bahasa pemrograman pada umumnya. Loop ini akan terus berjalan jika kondisi tidak bernilai false

while(condition) {
  // your code here
}