۲۲
آبان

جلسه ۱۱ : انواع داده در جاوا اسکریپت

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزش تصویری

با عرض سلام خدمت کاربران محترم سایت پی وی لرن.
در این جلسه قصد داریم تا با انواع داده در جاوا اسکریپت JavaScript شامل رشته ها در جاوا اسکریپت , اعداد در جاوا اسکریپت و … آشنا شویم.

جاوا اسکریپت از انواع داده های مختلفی مانند اعداد،رشته ها و اشیاء پشتیبانی می کند.

مثال :

var length = 16;                               // عدد
var lastName = "Johnson";                      // رشته
var x = {firstName:"John", lastName:"Doe"};    // شئ

var length = 16; // عدد

var lastName = "Johnson"; // رشته

var x = {firstName:"John", lastName:"Doe"}; // شئ

انواع داده در جاوا اسکریپت

فهرست

مفهوم انواع داده در جاوا اسکریپت

در برنامه نویسی، نوع داده یک مفهوم مهم است.

برای انجام هر عملی بر روی متغیر ها مهمه که نوع آن ها را بدانیم.

بدون نوع داده کامپیوتر نمی تواند عمل زیر را به درستی انجام دهد:

مثال : جمع رشته با عدد

var x = 16 + "Volvo";

1	var x = 16 + "Volvo";

خودتان امتحان کنید »

مثال : حالت دوم جمع عدد و رشته

var x = "Volvo" + 16;

1	var x = "Volvo" + 16;

خودتان امتحان کنید »

جاوا اسکریپت دستورات را از چپ به راست ارزیابی می کند. توالی های مختلف می تواند نتایج مختلفی ایجاد کند:

مثال : ترتیب محاسبه در جاوا اسکریپت

var x = 16 + 4 + "Volvo";

1	var x = 16 + 4 + "Volvo";

خودتان امتحان کنید »

مثال : ترتیب محاسبه در جاوا اسکریپت

var x = "Volvo" + 16 + 4;

1	var x = "Volvo" + 16 + 4;

خودتان امتحان کنید »

انواع داده در جاوا اسکریپت پویا هستند

جاوا اسکریپت دارای نوع های پویایی است. به این معنی که یک متغیر می تواند انواع مختلفی از داده را می تواند در خود ذخیره کند.:

مثال : داده های پویا

 var x;           
x = 5;           // در اینجا متغیر یک عدد است
x = "John";      // در اینجا متغیر یک رشته است

var x;

x = 5; // در اینجا متغیر یک عدد است

x = "John"; // در اینجا متغیر یک رشته است

خودتان امتحان کنید »

رشته ها در جاوا اسکریپت

رشته ها در جاوا اسکریپت توالی از کاراکتر ها هستند. مانند: “hello”

رشته ها String در داخل کوتیشن قرار می گیرند:

مثال : رشته ها در جاوا اسکریپت

var carName = "Volvo XC60";  
var carName = 'Volvo XC60';

1 2	var carName = "Volvo XC60"; var carName = 'Volvo XC60';

خودتان امتحان کنید »

شما می توانید کوتیشن ها را داخل یک رشته نیز تعریف کنید. البته تا زمانی که با کوتیشن های اطراف رشته مطابقت نداشته باشند:

مثال : کوتیشن های تودر تو

 var answer = "It's alright";             
var answer = "He is called 'Johnny'";    
var answer = 'He is called "Johnny"';

var answer = "It's alright";

var answer = "He is called 'Johnny'";

var answer = 'He is called "Johnny"';

خودتان امتحان کنید »

اعداد در جاوا اسکریپت

جاوا اسکریپت تنها یک نوع عدد را دارد.

می توانید اعداد را اعشاری یا غیر اعشاری تعریف کنید:

مثال : اعداد در جاوا اسکریپت

 var x1 = 34.00;     
var x2 = 34;

1 2	var x1 = 34.00; var x2 = 34;

خودتان امتحان کنید »

اعداد خیلی کوچک یا خیلی بزرگ می توانند با نماد علمی نوشته شوند:

مثال : اعداد علمی در جاوا اسکریپت

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

1 2	var y = 123e5; // 12300000 var z = 123e-5; // 0.00123

خودتان امتحان کنید »

نوع Boolean در جاوا اسکریپت

boolean ها تناه دو مقدار می توانند داشته باشند: true و false (درست و نادرست):

مثال : نوع boolean

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

var x = 5;

var y = 5;

var z = 6;

(x == y) // Returns true

(x == z) // Returns false

خودتان امتحان کنید »

از این نوع داده اغلب در جملات شرطی استفاده می شود.

آرایه ها در جاوا اسکریپت

آرایه ها متغیر های خاصی هستند که می توانند بیش از یک مقدار را در خود ذخیره کنند.

آیتم های آرایه ها با , از یکدیگر جدا می شوند.

مثال : آرایه ها در جاوا اسکریپت

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

1	var cars = ["Saab", "Volvo", "BMW"];

خودتان امتحان کنید »

اندیش های آرایه از صفر شروع می شود.
در اینجا “saab” اندیس ۰ را دارد (cars[0]) ، “Volvo” اندیس ۱ را دارد (cars[1]) و “BMW” اندیس ۲ را دارد (cars[2])

در مورد آرایه ها بعدا مفصلا خواهیم پرداخت.

اشیا در جاوا اسکریپت

اشیا در جاوا اسکریپت بین آکولاد تعریف می شوند.

پروپرتی های (متغیر) اشیا به صورت name:value نوشته می شوند و با , از یکدیگر جدا می شوند.

مثال : اشیاء در جاوا اسکریپت

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

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

خودتان امتحان کنید »

عملگر typeof در جاوا اسکریپت

از عملگر typeof در جاوا اسکریپت می توانید برای پیدا کردن نوع داده استفاده کنید:

مثال : تست نوع رشته

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

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 0 // Returns "number"

typeof 314 // Returns "number"

typeof 3.14 // Returns "number"

typeof (3) // Returns "number"

typeof (3 + 4) // Returns "number"

خودتان امتحان کنید »

نوع undefined

در جاوا اسکریپت متغیرهای بدون مقدار از نوع undefined خواهند بود.

مثال : نوع داده ی undefined

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

1	var car; // Value is undefined, type is undefined

خودتان امتحان کنید »

هر متغیر را می توان با تنظیم مقدار به undefined خاتمه داد. نوع نیز نامشخص خواهد بود.

مثال : نوع undefined

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

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

خودتان امتحان کنید »

مقادیر خالی

مقدار خالی هیچ ارتباطی با تعریف ندارد.

یک رشته خالی دارای ارزش قانونی و یک نوع است.

مثال : مقادیر خالی

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

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

خودتان امتحان کنید »

نوع داده Null

null در جاوا اسکریپت یعنی هیچ چیز. یعنی چیزی که وجود ندارد.

متاسفانه نوع null در جاوا اسکریپت شئ object است.

در مثال زیر مقدار یک شئ را با استفاده از null خالی کرده ایم:

مثال : نوع null

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

1 2	var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; person = null;

خودتان امتحان کنید »

شما همچنین می توانید یک آبجکت را با تنظیم آن به undefined خالی کنید:

مثال : تنظیم مقدار undefined

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
person = undefined;   // Now both value and type is undefined

1 2	var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}; person = undefined; // Now both value and type is undefined

خودتان امتحان کنید »

تفاوت null و undefined

null و undefined در مقدار با هم برابر هستند اما نوع های متفاوتی دارند:

مثال : تفاوت بین null و undefined

typeof undefined           // undefined
typeof null                // object

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

typeof undefined // undefined

typeof null // object

null === undefined // false

null == undefined // true

خودتان امتحان کنید »

داده های اولیه

داده های اولیه در جاوا اسکریپت داده هایی هستند که هیچ متد و پروپرتی اضافه ای ندارند.

عملگر typeof 4 نوع داده اولیه را بر می گرداند:

رشته
اعداد
boolean
undefined

مثال : داده های اولیه

 typeof "John"              // Returns "string"
typeof 3.14                // Returns "number"
typeof true                // Returns "boolean"
typeof false               // Returns "boolean"
typeof x                   // Returns "undefined" (if x has no value)

typeof "John" // Returns "string"

typeof 3.14 // Returns "number"

typeof true // Returns "boolean"

typeof false // Returns "boolean"

typeof x // Returns "undefined" (if x has no value)

خودتان امتحان کنید »

داده های پیچیده

عملگر typeof می تواند ۲ نوع داده پیچیده برگرداند:

function
object

این عملگر object را برای اشیا، آرایه ها و null برمی گرداند.

این عملگر object را برای توابع بر نمی گرداند.

مثال : داده های پیچیده

typeof {name:'John', age:34} // Returns "object"
typeof [1,2,3,4]             // Returns "object" (not "array", see note below)
typeof null                  // Returns "object"
typeof function myFunc(){}   // Returns "function"

typeof {name:'John', age:34} // Returns "object"

typeof [1,2,3,4] // Returns "object" (not "array", see note below)

typeof null // Returns "object"

typeof function myFunc(){} // Returns "function"

خودتان امتحان کنید »

نکته : عملگر typeof یک “object” را برای آرایه ها باز می گرداند، زیرا در آرایه های جاوا اسکریپت اشیا هستند.

جلسه آموزش عملگر ها در جاوا اسکریپت JavaScript نیز به پایان رسید.
در جلسه بعدی به مبحث توابع در جاوا اسکریپت می پردازیم. با ما همراه باشید.

QR: جلسه ۱۱ : انواع داده در جاوا اسکریپت

به اشتراک بگذارید

دیدگاه کاربران

تعداد دیدگاه : 1

مسلم رحمتی
آبان ۴, ۱۳۹۸
سلام وقت بخیر ی اسکریپت دارم میخوام ی تغییر جزئی روش انجام بدم شما میتونید کمکم کنید؟
پاسخ دادن

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۱۱ : انواع داده در جاوا اسکریپت

مفهوم انواع داده در جاوا اسکریپت

انواع داده در جاوا اسکریپت پویا هستند

رشته ها در جاوا اسکریپت

اعداد در جاوا اسکریپت

نوع Boolean در جاوا اسکریپت

آرایه ها در جاوا اسکریپت

اشیا در جاوا اسکریپت

عملگر typeof در جاوا اسکریپت

نوع undefined

مقادیر خالی

نوع داده Null

تفاوت null و undefined

داده های اولیه

داده های پیچیده

لیست مطالب دوره

کار با فرم ها

اشیا

توابع

HTML DOM

BOM

AJAX

JSON

مقایسه ی جاوا اسکریپت با jQuery

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ