شبيبة تعليمي

شبيبة المنزل مقدمة شبيبة شبيبة إلى أين إخراج JS بيانات شبيبة بناء جملة JS تعليقات JS متغيرات JS JS Let شبيبة كونست مشغلي JS شبيبة الحساب احالة JS أنواع بيانات JS وظائف JS كائنات JS أحداث شبيبة سلاسل شبيبة طرق سلسلة JS بحث سلسلة JS JS String Templates أرقام شبيبة طرق عدد JS صفيفات JS طرق صفيف JS ترتيب صفيف JS تكرار صفيف JS JS Array Const تواريخ شبيبة تنسيقات التاريخ JS طرق الحصول على تاريخ JS طرق تعيين تاريخ JS شبيبة الرياضيات شبيبة عشوائية شبيبة منطقية مقارنات شبيبة شروط JS مفتاح JS JS Loop For JS Loop For In. شبيبة حلقة JS لـ Of شبيبة حلقة بينما شبيبة استراحة شبيبة تكرارات مجموعات JS خرائط شبيبة شبيبة تايبوف JS نوع التحويل شبيبة Bitwise JS RegExp أخطاء JS شبيبة النطاق رفع JS وضع JS الصارم شبيبة هذه الكلمة دالة سهم JS فئات JS شبيبة شبيبة تصحيح أخطاء JS دليل أسلوب JS أفضل ممارسات JS أخطاء JS أداء JS شبيبة الكلمات المحجوزة

إصدارات JS

إصدارات JS JS 2009 (ES5) شبيبة 2015 (ES6) شبيبة 2016 شبيبة 2017 شبيبة 2018 شبيبة آي إي / إيدج تاريخ شبيبة

كائنات JS

تعريفات الكائن خصائص الموضوع طرق الكائن عرض الكائن موصلي الكائنات منشئو الكائنات نماذج الكائن كائن تكرارات مجموعات الكائن خرائط الكائن مرجع الكائن

وظائف JS

تعريفات الوظائف معلمات الوظيفة استدعاء الوظيفة استدعاء الوظيفة تطبيق الوظيفة عمليات إغلاق الوظائف

فئات JS

مقدمة عن الفصل الوراثة الطبقية فئة ثابتة

شبيبة آسينك

عمليات الاسترجاعات JS شبيبة غير متزامن وعود شبيبة شبيبة Async / انتظار

JS HTML DOM

مقدمة DOM طرق DOM مستند DOM عناصر DOM DOM HTML نماذج DOM DOM CSS الرسوم المتحركة DOM أحداث DOM مستمع أحداث DOM التنقل في DOM عقد DOM مجموعات DOM قوائم عقدة DOM

متصفح JS BOM

نافذة JS شاشة JS موقع JS تاريخ شبيبة شبيبة ملاح تنبيه منبثق لـ JS توقيت شبيبة ملفات تعريف الارتباط JS

JS Web APIs

مقدمة واجهة برمجة تطبيقات الويب واجهة برمجة تطبيقات نماذج الويب واجهة برمجة تطبيقات سجل الويب واجهة برمجة تطبيقات تخزين الويب Web Worker API واجهة برمجة تطبيقات جلب الويب واجهة برمجة تطبيقات تحديد الموقع الجغرافي على الويب

شبيبة أجاكس

مقدمة أجاكس أجاكس XMLHttp طلب AJAX استجابة AJAX ملف AJAX XML أجاكس بي إتش بي أجاكس آسيا والمحيط الهادئ قاعدة بيانات أجاكس تطبيقات أجاكس أمثلة AJAX

شبيبة شبيبة

مقدمة JSON بناء جملة JSON JSON مقابل XML أنواع بيانات JSON تحليل JSON تنسيق JSON كائنات JSON صفائف JSON خادم JSON JSON PHP JSON HTML جسون جسونب

JS مقابل jQuery

محددات jQuery jQuery HTML jQuery CSS jQuery DOM

شبيبة الرسومات

شبيبة الرسومات قماش شبيبة شبيبة بلوتلي JS Chart.js مخطط جوجل JS شبيبة D3.js

أمثلة JS

أمثلة JS JS HTML DOM إدخال JS HTML كائنات JS HTML أحداث HTML متصفح JS محرر JS تمارين شبيبة شبيبة مسابقة شهادة JS

مراجع JS

كائنات جافا سكريبت كائنات HTML DOM


أنواع بيانات JavaScript

يمكن أن تحتوي متغيرات جافا سكريبت على أنواع مختلفة من البيانات: الأرقام والسلاسل والكائنات والمزيد:

let length = 16;                               // Number
let lastName = "Johnson";                      // String
let x = {firstName:"John", lastName:"Doe"};    // Object

مفهوم أنواع البيانات

في البرمجة ، تعتبر أنواع البيانات مفهومًا مهمًا.

لتكون قادرًا على العمل على المتغيرات ، من المهم أن تعرف شيئًا عن النوع.

بدون أنواع البيانات ، لا يمكن للكمبيوتر حل هذا بأمان:

let x = 16 + "Volvo";

هل يعقل أن تضيف "فولفو" إلى ستة عشر؟ هل سينتج خطأ أم ينتج نتيجة؟

سوف تعامل JavaScript المثال أعلاه على النحو التالي:

let x = "16" + "Volvo";

عند إضافة رقم وسلسلة ، فإن JavaScript سيتعامل مع الرقم كسلسلة.

مثال

let x = 16 + "Volvo";

مثال

let x = "Volvo" + 16;

تقوم JavaScript بتقييم التعبيرات من اليسار إلى اليمين. يمكن أن تؤدي التسلسلات المختلفة إلى نتائج مختلفة:

جافا سكريبت:

let x = 16 + 4 + "Volvo";

نتيجة:

20Volvo

جافا سكريبت:

let x = "Volvo" + 16 + 4;

نتيجة:

Volvo164

في المثال الأول ، تعامل JavaScript مع 16 و 4 كأرقام ، حتى تصل إلى "Volvo".

في المثال الثاني ، نظرًا لأن المعامل الأول عبارة عن سلسلة ، يتم التعامل مع جميع المعاملات كسلاسل.



أنواع JavaScript ديناميكية

جافا سكريبت لديها أنواع ديناميكية. هذا يعني أنه يمكن استخدام نفس المتغير للاحتفاظ بأنواع بيانات مختلفة:

مثال

let x;           // Now x is undefined
x = 5;           // Now x is a Number
x = "John";      // Now x is a String

سلاسل جافا سكريبت

السلسلة (أو السلسلة النصية) هي سلسلة من الأحرف مثل "John Doe".

يتم كتابة السلاسل مع اقتباسات. يمكنك استخدام علامات الاقتباس المفردة أو المزدوجة:

مثال

let carName1 = "Volvo XC60";   // Using double quotes
let carName2 = 'Volvo XC60';   // Using single quotes

يمكنك استخدام علامات الاقتباس داخل سلسلة ، طالما أنها لا تتطابق مع علامات الاقتباس المحيطة بالسلسلة:

مثال

let answer1 = "It's alright";             // Single quote inside double quotes
let answer2 = "He is called 'Johnny'";    // Single quotes inside double quotes
let answer3 = 'He is called "Johnny"';    // Double quotes inside single quotes

سوف تتعلم المزيد عن السلاسل لاحقًا في هذا البرنامج التعليمي.


أرقام جافا سكريبت

يحتوي JavaScript على نوع واحد فقط من الأرقام.

يمكن كتابة الأرقام بكسور عشرية أو بدونها:

مثال

let x1 = 34.00;     // Written with decimals
let x2 = 34;        // Written without decimals

يمكن كتابة أعداد كبيرة جدًا أو صغيرة جدًا باستخدام تدوين علمي (أسي):

مثال

let y = 123e5;      // 12300000
let z = 123e-5;     // 0.00123

سوف تتعلم المزيد عن الأرقام لاحقًا في هذا البرنامج التعليمي.


منطقية جافا سكريبت

يمكن أن تحتوي القيم المنطقية على قيمتين فقط: trueأو false.

مثال

let x = 5;
let y = 5;
let z = 6;
(x == y)       // Returns true
(x == z)       // Returns false

غالبًا ما تستخدم القيم المنطقية في الاختبار الشرطي.

سوف تتعلم المزيد عن الاختبار الشرطي لاحقًا في هذا البرنامج التعليمي.


مصفوفات جافا سكريبت

مصفوفات JavaScript مكتوبة بأقواس مربعة.

عناصر المصفوفة مفصولة بفاصلات.

يعلن الكود التالي (يُنشئ) مصفوفة تسمى cars، تحتوي على ثلاثة عناصر (أسماء سيارات):

مثال

const cars = ["Saab", "Volvo", "BMW"];

تستند فهارس الصفيف إلى الصفر ، مما يعني أن العنصر الأول هو [0] ، والثاني هو [1] ، وهكذا.

سوف تتعلم المزيد عن المصفوفات لاحقًا في هذا البرنامج التعليمي.


كائنات جافا سكريبت

تتم كتابة كائنات JavaScript بأقواس معقوفة {}.

تتم كتابة خصائص الكائن كاسم: أزواج قيمة ، مفصولة بفواصل.

مثال

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

يحتوي الكائن (الشخص) في المثال أعلاه على 4 خصائص: الاسم الأول والاسم الأخير والعمر ولون العين.

سوف تتعلم المزيد عن الأشياء لاحقًا في هذا البرنامج التعليمي.


نوع المشغل

يمكنك استخدام typeofعامل تشغيل JavaScript للعثور على نوع متغير JavaScript.

يُرجع typeofعامل التشغيل نوع متغير أو تعبير:

مثال

typeof ""             // Returns "string"
typeof "John"         // Returns "string"
typeof "John Doe"     // Returns "string"

مثال

typeof 0              // Returns "number"
typeof 314            // Returns "number"
typeof 3.14           // Returns "number"
typeof (3)            // Returns "number"
typeof (3 + 4)        // Returns "number"

سوف تتعلم المزيد عن typeof لاحقًا في هذا البرنامج التعليمي.


غير معرف

في JavaScript ، المتغير بدون قيمة له قيمة undefined. النوع أيضًا undefined.

مثال

let car;    // Value is undefined, type is undefined

يمكن إفراغ أي متغير من خلال ضبط القيمة على undefined. سيكون النوع أيضًا undefined.

مثال

car = undefined;    // Value is undefined, type is undefined

قيم فارغة

القيمة الفارغة لا علاقة لها بها undefined.

تحتوي السلسلة الفارغة على قيمة قانونية ونوع.

مثال

let car = "";    // The value is "", the typeof is "string"

اختبر نفسك مع التمارين

ممارسه الرياضه:

استخدم التعليقات لوصف نوع البيانات الصحيح للمتغيرات التالية:

let length = 16;            // 
let lastName = "Johnson";   // 
const x = {
  firstName: "John",
  lastName: "Doe"
};                          //