Pernyataan dalam JavaScript

Jan 24 2023

Pernyataan JavaScript adalah blok kode yang menyelesaikan beberapa tindakan atau tugas. Secara default, juru bahasa JavaScript mengeksekusi pernyataan ini satu demi satu sesuai urutan penulisannya.

Mari kita coba memahami berbagai jenis pernyataan di JS di bawah ini

1. Pernyataan Ekspresi

Ekspresi yang memiliki efek samping dianggap sebagai pernyataan ekspresi seperti pernyataan Penugasan, Pemanggilan fungsi, operator kenaikan dan penurunan, ++ dan — terkait dengan pernyataan penugasan, dan operator hapus.

let greeting = “Hello “ + name; //assignment statement
counter ++; // increment operator which is changing a variable value
delete o.x; // deleting a property of an object O
cx = Math.cos(x);; // function invocation and assign the value to a variable

Sebuah pernyataan tunggal dapat berisi lebih dari satu sub pernyataan dianggap sebagai pernyataan majemuk atau blok pernyataan di JS. Baris berikut bertindak sebagai pernyataan tunggal

{ 
 x = Math.PI; 
 cx = Math.cos(x);
 console.log(“cos(π) = “ + cx);
}

3. Pernyataan Bersyarat

Pernyataan yang membuat juru bahasa JS mengeksekusi atau melewati pernyataan lain tergantung pada nilai ekspresi seperti pernyataan if dan switch .

3.1 if Pernyataan
pernyataan kontrol fundamental yang memungkinkan JS untuk membuat keputusan dan mengeksekusi pernyataan secara kondisional.

//syntax
If (expression) 
 Statement1
else 
 Statement 2

//example
if (n === 1) { //curly braces are optional in case of single statement
 console.log("You have 1 new message.");
} else {
 console.log(`You have ${n} new messages.`);
}

3.2 Switch pernyataan
Ketika nilai dari ekspresi yang sama dapat digunakan untuk mengambil keputusan antara lebih dari 2 pilihan untuk kasus seperti JS menyediakan pernyataan switch.

//Syntax
switch(expression) {
 case label1: statement1; // if expression value === label1 execute statement1
 case label2: statement2; // if expression value === label2 execute statement2
 … 
 default: default_statement; // optional
}

//Example:
switch(n) {
  case 1:                        
   // Start here if n === 1.(sameness is determined by the === operator)
   // Execute code block #1.
   break;                         // stop here
  case 2:                         
    // Start here if n === 2
    // Execute code block #2.
   break;                         // Stop here
  case 3:                         
    // Start here if n === 3
    // Execute code block #3;
   break;                         // Stop here
  default:                        
    // If no case match the value of n
    // Execute code block #4.
}

4. Pernyataan pengulangan

Pernyataan yang mengeksekusi pernyataan lain secara berulang, seperti while dan for.

4.1 While loop
Penerjemah terlebih dahulu mengevaluasi ekspresi . Jika nilai dari ekspresi salah, maka interpreter melompati pernyataan yang berfungsi sebagai badan perulangan dan berpindah ke pernyataan berikutnya dalam program. Sebaliknya, jika ungkapan itu benar, penafsir mengeksekusi pernyataan itu dan mengulanginya.

//Syntax
while (expression) { //curly braces are optional in case of single statement
  //statment or statement block
}

//Example
let count = 0;
while(count < 10) {
 console.log(count);
 count++;
}

//Syntax
do { //curly braces are optional in case of a single statement
 //statement / statement block
} 
while (expression);

//Example
let count = 0;
do {
 console.log(count);
 count++;
}
while (count < 10);

//syntax
for(initialize ; test ; increment) { //curly braces are optional in case of single statement
 //statement / statement block
}
//Example:
for(let count = 0; count < 10; count++) {
 console.log(count);
}

//Syntax with example
let data = [1, 2, 3, 4, 5, 6, 7, 8, 9], sum = 0;
for(let element of data) {
 sum += element;
}

// for of with map
let m = new Map([[1, "one"]]);
for(let [key, value] of m) {
 key    // => 1
 value  // => "one"
}

//syntax
for (variable in object) {
 //statement / statement block
}

//Example:
for(let p in o) { // Assign property names of o to variable p
 console.log(o[p]); // Print the value of each property
}

Pernyataan yang menyebabkan penafsir melompat ke bagian lain dari program, seperti break , return , dan throw .

5.1 Berlabel
Pernyataan apa pun dapat diberi label dengan mengawalinya dengan tanda pengenal dan tanda titik dua: Dengan memberi label pada pernyataan, Anda memberinya nama yang dapat Anda gunakan untuk merujuknya di tempat lain dalam program Anda.

//syntax
identifier: statement

//example
mainloop: while(token !== null) {
 // Code omitted…
 continue mainloop; // Jump to the next iteration of the named loop(mainloop)
 // More code omitted…
}

5.2 Continue
Ketika pernyataan continue dieksekusi, iterasi saat ini dari perulangan terlampir diakhiri, dan iterasi berikutnya dimulai.

//example
for(let i = 0; i < data.length; i++) {
 if (!data[i]) continue; // jump to the next iteration of the loop
 total += data[i];
}

//syntax
return expression;

//Example
function square(x) { return x*x; } // A function that has a return statement
square(2) // => 4

// A generator function that yields a range of integers
function* range(from, to) {
  for(let i = from; i <= to; i++) {
    yield i;
  }
}

try/catch/finally
Pernyataan try/catch/finally adalah mekanisme penanganan pengecualian JavaScript.

//syntax
try {
 //Normally, this code runs from the top of the block to the bottom
 //without problems. But it can sometimes throw an exception,
 //either directly or with a throw statement.
} catch(e) {
 // The statements in this block are executed if, and only if, the try
 // block throws an exception. These statements can use the local variable
 // e to refer to the Error object or other value that was thrown.
} finally {
 // This block contains statements that are always executed, regardless of
 // what happens in the try block. They are executed whether the try
 // block terminates:
}

//example
try {
  // Ask the user to enter a number
  let n = Number(prompt("Please enter a positive integer", ""));
  // Compute the factorial of the number, assuming the input is valid
  let f = factorial(n);
  // Display the result
  alert(n + "! = " + f);
} catch(e) {     // If the user's input was not valid, we end up here
  alert(e);  // Tell the user what the error is
}

Beberapa postingan berikut ini akan menjadi bagian dari rangkaian pembahasan dasar-dasar dan topik lanjutan tentang JavaScript.

Jika Anda menikmati cerita ini, silakan klik tombol dan bagikan, sehingga orang lain juga dapat menemukannya! Juga, jangan ragu untuk meninggalkan komentar di bawah ini.

Groww Engineering menerbitkan anekdot teknis, teknologi terbaru, dan cara yang lebih baik untuk mengatasi masalah pemrograman umum. Anda dapat berlangganan di sini untuk mendapatkan update terbaru.