English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل أساسيات JavaScript

JavaScript objects

الوظائف JavaScript

HTML DOM JS

BOM المتصفح JS

دليل أساسيات AJAX

دليل JavaScript

نوع البيانات في جافا سكريبت

الأنواع القيم (الأنواع الأساسية): 字符串 (String)、رقم (Number)、بولي (Boolean)、فراغ (Null)、غير معرف (Undefined)、Symbol. أنواع البيانات المفيدة: المثلث (Object)、المجموعة (Array)、الوظيفة (Function).


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

مثل أن الأرقام والنصوص هو نوعان مختلفان من البيانات، سيقوم جافا سكريبت بمعالجتهما بشكل مختلف.

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

 var length = 4;        // Number Number
 var firstName = "Vishal";        // String String
 var user = {firstName:"Vishal", age:22};        // Object Object
 var fruits = ["Apple", "Mango", "Banana"];        // Array Array

نوع جافا سكريبت هو ديناميكي

جافا سكريبت لغة غير محددة النوع أو لغة ديناميكية. لا تتعلق المتغيرات في جافا سكريبت مباشرة بأي نوع قيمة معين، ويمكن تخصيص جميع القيم (وإعادة تخصيصها) للمتغيرات.

var x = 20;        // x هو عدد
x = "VISHAL";        // x هو نص
x = true;        // x هو قيمة بولية
اختبار لـ ‹/›

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

يوجد نوع واحد فقط من الأرقام في جافا سكريبت، وليس هناك تحديد منفصل للعدد الكامل أو العدد العشري.

لذلك يمكن كتابة الأرقام في جافا سكريبت، مع أو بدون نقطة عشرية.

var a = 25;        // بدون نقطة عشرية
var b = 80.05;        // بدون نقطة عشرية على اليمين
اختبار لـ ‹/›

في الحالتين السابقتين، نوع البيانات هو عدد، ويعتبر النوع نفسه سواء كان الرقم يحتوي على نقطة عشرية أم لا.

يمكنك استخدام طريقة التعبير العلمي للتعبير عن أرقام كبيرة أو صغيرة جدًا في جافا سكريبت، كما هو موضح في الأمثلة التالية:

let num1 = 957e8;        // 95700000000
let num2 = 957e-8; // 0.00000957
اختبار لـ ‹/›

ستعرف في الجزء الخلفي من هذا الدليل المزيد عن نوع البيانات الرقمية.

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

النص هو سلسلة من الحروف والرقم والأشكال (الحروف، الرقم، الرموز) وهي مفيدة لأنها تمثل بيانات النص.

استخدمت كلمات جافا سكريبت لتحديد ومعالجة النصوص.

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

var msg1 = "Hello world";        // باستخدام العلامة المزدوجة
var msg2 = 'Hello world';        // باستخدام العلامة المزدوجة
اختبار لـ ‹/›

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

var str1 = 'She said "Hey" and left'; // single quotes within double quotes
var str2 = "She said 'Hey' and left"; // double quotes within single quotes
var str3 = "Let's have a cup of tea"; // single quotes within double quotes
var str4 = 'We\'ll never give up'; // escape single quotes with backslash
اختبار لـ ‹/›

You will learn more about strings in the later part of this tutorial.

JavaScript boolean values

Boolean data types can be one of two values, namely true or false

Boolean values are often used in conditional tests.

(5 > 10) // returns false
(5 < 10) // returns true
("Apple" === "Apple") // returns true
اختبار لـ ‹/›

You will learn more about boolean values in the later part of this tutorial.

JavaScript arrays

Arrays are used to store multiple values in a single variable.

JavaScript arrays are enclosed in square brackets [].

Array items are separated by commas.

The following code declares (creates) an array named fruits, which contains three items (three fruit names):

var fruits = ["Apple", "Mango", "Banana"];
اختبار لـ ‹/›

Each item or value within an array is called an element. You can refer to the elements of an array by using an index number.

JavaScript array indices start at 0: the index of the first element of the array is 0, the index of the second element is 1, and so on.

You will learn more about arrays in the later part of this tutorial.

JavaScript objects

In JavaScript, objects can be seen as a collection of properties.

JavaScript objects are enclosed in curly braces {}.

Object properties are written asName: ValueYes, separated by commas.

var user = {firstName:"Vishal", age:22, color:"blue", location:"unknown"};
اختبار لـ ‹/›

The object (user) in the above example has 4 properties: firstName, age, color, and location.

You will learn more about objects in the later part of this tutorial.

The type of operator

The typeof operator can help you find the type of your variable.

The typeof operator returns the type of a variable or expression.

//returns "string"
typeofُ"Vishal"//ُيُرجعُ"string"
typeofُ"42"//ُيُرجعُ"string"ُ(رقمُداخلُالقوالبُهُهُString)
typeofُ42ُ//ُيُرجعُ"number"
typeofُtrue//ُيُرجعُ"boolean"
typeofُfalse//ُيُرجعُ"boolean"
typeofُundefined//ُيُرجعُ"undefined"
typeofُnull//ُيُرجعُ"object"
typeofُ{name:"Vishal"،ُage:22}ُ//ُيُرجعُ"object"
typeofُ[2،ُ4،ُ6،ُ8]//ُيُرجعُ"object"ُ(ليسُ"array"ُ،ُانظرُالملاحظةُالمقدمةُ)
typeofُfunctionُmyFunc(){}ُ//ُيُرجعُ"function"
اختبار لـ ‹/›

ملاحظةً:typeofُالمُعادلةُيُرجعُ"object"ُفيُJavaScript، لأنُالمُعادلاتُهُأعنصر

undefinedُ(غيرُمحددُ)

undefinedالقيمةُتُشيرُإلىأنُلمُحددُللعنصرأوأنُلمُحددُالعنصرُبالتأكيدُ

varُcity;//ُالقيمةُغيرُمحددةُ
اختبار لـ ‹/›

النوعُكذلكُundefined

typeofُcityُ//ُ"undefined"
اختبار لـ ‹/›

يمكنكُكذلكُالتفريغُأيُمغيرُعندُضبطُالقيمةُبصورةُمحددةُundefined.undefined

cityُ=ُundefined;ُ//ُالقيمةُغيرُمحددةُ،النوعُغيرُمحددُ
اختبار لـ ‹/›

nullُ(فراغُ)

القيمةُnullيعبرُعنعدمُوجودُأيُقيمةُعنصر

فيُJavaScript،نوعُالبياناتُnullهوُعنصر

يمكنكُكذلكُالتفريغُأيُعنصرُعندُضبطُالقيمةُبصورةُمحددةُnull

varُuserُ=ُ{firstName:"Vishal",ُage:"22",ُcolor:"blue"};
userُ=ُnull;//ُالقيمةُهيُnullُ،لكنُالنوعُمازالُهُعنصر
اختبار لـ ‹/›

يمكنكُكذلكُالتفريغُالعنصرُعندُضبطُهُبصورةُمحددةُundefined

varُuserُ=ُ{firstName:"Vishal",ُage:"22",ُcolor:"blue"};
userُ=ُundefined;ُ//ُالقيمةُوالنوعُليساُمحددًا
اختبار لـ ‹/›

الفرقُبينُالفراغُ(null)والغيرُمحددُ(undefined)

nullمعundefinedالقيمُمتطابقةُلكنُالأنواعُمختلفةُ

typeofُnullُ//ُ"object"ُ(ليسُ"null"ُلأسبابُالتاريخيةُالقديمةُ)
typeof undefined // "undefined"
اختبار لـ ‹/›

عند التحققnullأوundefined، يرجى الانتباه إلى الفرق بين عمليات التساوي (==) والتحقق من الهوية (===)، لأن الأولى تقوم بتحويل الأنواع.

null == undefined // true
null === undefined // false

معالجة أنواع بيانات متعددة في نفس الوقت

بالرغم من أن كل برنامج تقوم بإنشائه سيشمل أنواع بيانات متعددة.

عند استخدام عمليات بين أنواع بيانات متعددة (مثل عمليات + التي يمكن استخدامها لإضافة أرقام أو ربط النصوص) قد تحصل على نتائج غير متوقعة.

عند إضافة عدد ونص، يتم اعتبار العدد نصًا في الجافاسكربت.

var x = 5 + "Sky";
اختبار لـ ‹/›

عند إضافة نص وعدد، يتم اعتبار العدد نصًا في الجافاسكربت.

var x = "Sky" + 5;
اختبار لـ ‹/›

يحسب الجافاسكربت التعبير من اليسار إلى اليمين. يمكن أن ينتج ترتيب مختلف من النتائج:

var x = 5 + 3 + "Sky";
اختبار لـ ‹/›
var x = "Sky" + 5 + 3;
اختبار لـ ‹/›

في المثال الأول، يتم اعتبار 5 و 3 كعدد في الجافاسكربت حتى وصول "Sky".

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