٥.٨ تدريبات إضافية

استخدام let

التمرين 1: اعرض الأعداد الزوجية من 0 على 20.

for(var i = 0; i <= 20; i = i + 2){
  console.log(i);
}

النتيجة كما يلي:

0
2
4
.
.
.
20

التمرين 2: تأمّل الشيفرة التالية.

var i = 5;

for(var i = 0; i <= 20; i = i + 2){
  console.log(i);
}
console.log("..........");
console.log(i);

النتيجة كما يلي:

0
2
4
.
.
.
20
..........
22

التمرين 3: تأمّل الشيفرة التالية.

var i = 5;

for(let i = 0; i <= 20; i = i + 2){
  console.log(i);
}
console.log("..........");
console.log(i);

النتيجة كما يلي:

0
2
4
.
.
.
20
..........
5

التمرين 4: اعرض عناصر المصفوفة التالية.

var users = ["user1", "user2", "user3", "user4"];

for(var user of users){
  console.log(user);
}

النتيجة كما يلي:

user1
user2
user3
user4

التمرين 5: تأمّل الشيفرة التالية.

var users = ["user1", "user2", "user3", "user4"];
var user = "Sanad";

for(var user of users){
  console.log(user);
}

console.log("...........");
console.log(user);

النتيجة كما يلي:

user1
user2
user3
user4
...........
user4

التمرين 6: تأمّل الشيفرة التالية.

var users = ["user1", "user2", "user3", "user4"];
var user = "Sanad";

for(let user of users){
  console.log(user);
}

console.log("...........");
console.log(user);

النتيجة كما يلي:

user1
user2
user3
user4
...........
Sanad

التمرين 7: اعرض خصائص الكائن التالي.

var myObj = {
  a: 1,
  b: 2,
  c: 3
}

for(var prop in myObj){
  console.log(prop);
}

النتيجة كما يلي:

a
b
c

التمرين 8: تأمّل الشيفرة التالية.

var myObj = {
  a: 1,
  b: 2,
  c: 3
}

var prop = "d";

for(var prop in myObj){
  console.log(prop);
}

console.log(".........");
console.log(prop);

النتيجة كما يلي:

a
b
c
.........
c

التمرين 9: تأمّل الشيفرة التالية.

var myObj = {
  a: 1,
  b: 2,
  c: 3
}

var prop = "d";

for(let prop in myObj){
  console.log(prop);
}

console.log(".........");
console.log(prop);

النتيجة كما يلي:

a
b
c
.........
d

التمرين 10: تأمّل الشيفرة التالية.

var user = "Jad";
var id = 77;

if(user === "Jad"){
  var id = 54;
}else{
  var id = 44;
}

console.log(id);

النتيجة هي: 54

التمرين 11: تأمّل الشيفرة التالية.

var user = "Jad";
var id = 77;

if(user === "Jad"){
  let id = 54;
}else{
  let id = 44;
}

console.log(id);

النتيجة هي: 77

متى نستخدم let؟

1. استخدم let للتصريح عن متغير يقتصر على الكتلة التي عُرّف فيها.

2. استخدم let للمتغيرات التي قد نعيد إسناد قيمها.

أمثلة الاستخدام: ١- عدّادات الحلقات. ٢- متغيرات الكتل.

استخدام const

التمرين 12: احسب ناتج e ** t + 1 عند t=0. قيمة e هي 2.7.

const E = 2.7;

console.log(E ** 0 + 1);

النتيجة هي: 2

التمرين 13: ولّد أربعة معرّفات مستخدمين تبدأ من 45.

const IDSTART = 45;

for (let i = IDSTART; i < IDSTART + 4; i++){
  console.log(i)
}

النتيجة كما يلي:

45
46
47
48

التمرين 14: ما محيط دائرة قطرها 2cm?

const PI = 3.14;

console.log(2 * PI * 1);

النتيجة هي: 6.28

التمرين 15: تأمّل الشيفرة التالية.

const ARR = ["user1", "user2", "user3"];

function searchForUser(user, usersArr){
  if(usersArr.indexOf(user) !== -1){
    console.log("Found in your array.");
  }else if(ARR.indexOf(user) !== -1){
    console.log("Found in the default array.")
  }else{
    console.log("Sorry, the user is not registered with us.")
  }
}

searchForUser("user5", ["user5", "user6", "user88"]);
searchForUser("user1", ["user5", "user6", "user88"]);
searchForUser("user200", ["user5", "user6", "user88"]);

النتيجة كما يلي:

Found in your array.
Found in the default array.
Sorry, the user is not registered with us.

التمرين 16: ارجع إلى التمرين 15؛ حدّث المصفوفة الافتراضية ARR، وأضف user899, user795، و user200.

const ARR = ["user1", "user2", "user3"];

function searchForUser(user, usersArr){
  if(usersArr.indexOf(user) !== -1){
    console.log("Found in your array.");
  }else if(ARR.indexOf(user) !== -1){
    console.log("Found in the default array.")
  }else{
    console.log("Sorry, the user is not registered with us.")
  }
}

searchForUser("user5", ["user5", "user6", "user88"]);
searchForUser("user1", ["user5", "user6", "user88"]);
searchForUser("user200", ["user5", "user6", "user88"]);

ARR.push("user899");
ARR.push("user795");
ARR.push("user200");

console.log("................");
searchForUser("user200", ["user5", "user6", "user88"]);

النتيجة كما يلي:

Found in your array.
Found in the default array.
Sorry, the user is not registered with us.
................
Found in the default array.

متى نستخدم const؟

1. استخدم const عند الرغبة في تثبيت ارتباط المتغير بقيمته.

2. استخدم const للمتغيرات التي لا نريد إعادة إسنادها أو إعادة التصريح عنها.

مثال على الاستخدام: ١- الثوابت الرياضية. ٢- المصفوفات والكائنات الافتراضية، كما في التمرينين 15 و16).