آموزش طراحی سایت-انواع داده در جاوا اسکریپت

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

• قسمت اول آموزش جاوا اسکریپت
• آموزش متغیرها در جاوا اسکریپت
• شناسه های جاوا اسکریپت
• آموزش محاسبه در جاوا اسکریپت
• آموزش عملگرهای محاسباتی جاوا اسکریپت

 

حال با ادامه دوره آموزش طراحی سایت همراه باشید

 

آموزش عملگر های جایگزین در جاوا اسکریپت

همان طور که در مباحث پیشین ذکر شد، با استفاده از عملگرهای جایگزین به متغیرهای جاوا اسکریپت مقدار تخصیص می دهیم.

 

عملگر جایگزین یا انتساب / assignment operator (=) یک مقدار به متغیر تخصیص می دهد.

 

تخصیص مقدار

var x = 10;‎

عملگر += یک مقدار را به متغیر اضافه می کند.

 

مثال تخصیص مقدار

var x = 10;

x += 5;‎

عملگر -= یک مقدار را از متغیر کسر می کند.

مثال:

var x = 10;

x -= 5;‎

عملگر*= عملیات ضرب را روی یک متغیر انجام می دهد.

مثال:

var x = 10;

x *= 5;‎

عملگر /= یک متغیر را تقسیم می کند.

مثال:

var x = 10;

x /= 5;‎

عملگر %= باقی مانده ی تقسیم را به متغیر تخصیص می دهد.

مثال:

var x = 10;

x %= 5;‎

 

آموزش انواع داده در جاوا اسکریپت-data types

نوع داده دسته بندی ای از انواع تایپ‌های موجود مانند اعداد صحیح (integer)، بولی (boolean) و... است که ویژگی‌هایی از جمله : مقادیر قابل پذیرش توسط متغیر، عملیات قابل اجرا بر روی متغیر، معنای داده و حافظه مورد نیاز برای ذخیره متغیر را تعین می ‌کند. انواع داده : رشته، عدد، بولی، آرایه، شی (object)

 

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

جاوا اسکریپت می تواند data type های گوناگونی مانند : اعداد (نوع عددی)، رشته (نوع رشته ی)، آرایه (از نوع آرایه) و از نوع object (شی).

var length = 16; // Number

var lastName = "Johnson"; // String

var cars = ["Saab"‎،‎ "Volvo"‎،‎ "BMW"]; // Array‎

var x = {firstName:"John"‎،‎ lastName:"Doe"}; // Object

 

مفهوم نوع داده

در برنامه نویسی، نوع داده مفهوم بسیار مهمی است. برای اینکه بتوان روی متغیرها عملیات انجام داد، باید چیزی درباره ی نوع آن دانست. بدون نوع داده، کامپیوتر قادر به فهم و محاسبه صحیح و امن داده نیست.

var x = 16 + "Volvo";‎

آیا عاقلانه به نظر می رسد که "Volvo" را به عدد 16 اضافه کنیم؟ آیا نتیجه ی صحیح و منطقی بدست می دهد و یا در نتیجه ی عملیات خطا برمی گرداند (ارور می دهد)؟ جاوا اسکریپت مثال بالا را اینگونه پردازش می کند.

var x = "16" + "Volvo";  ‎

در صورتی که عملوند operand / دوم یک رشته باشد، جاوا اسکریپت عملوند اول را نیز رشته محسوب می کند.

مثال:

 

نمونه یک

<script>

var x = 16 + "Volvo";

document.getElementById("demo").innerHTML = x;

</script>

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

 

نمونه دو

<script>

var x = 16 + 4 + "Volvo";

document.getElementById("demo").innerHTML = x;

</script>

 

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

 

نمونه سه

<script>

var x = "Volvo" + 16 + 4;

document.getElementById("demo").innerHTML = x;

</script>

در مثال اول، جاوا اسکریپت 16 و 4 را به عنوان رقم یا عدد درنظر می گیرد تا اینکه به "Volvo" می رسد.(که یک رشته تلقی می گردد) حال در مثال دوم، از آنجایی که عملوند اول یک رشته است، دیگر عملوندها نیز به مثابه ی رشته درنظر گرفته می شوند. جاوا اسکریپت دارای نوع داده ی پویا (dynamic type) است. جاوا اسکریپت نیز دارای نوع داده ی پویا است، بدین معنا که یک متغیر را می توان به عنوان نوع های مختلف بکار برد.

مثال:

var x; // Now x is undefined

var x = 5; // Now x is a Number

var x = "John"; // Now x is a String

 

رشته ها در جاوا اسکریپت (متغیر رشته ای)

در آموزش طراحی سایت یک رشته string / (یا همان رشته ی مبتنی بر متنtext string / ) متشکل است از یک سری کاراکتر مانند این مثال "John Doe" که یک رشته محسوب می شود. رشته ها باید حتماً داخل علامت نقل و قول نوشته شوند. برای این منظور می توان از هر دو کاراکتر " " و ' ' بهره گرفت.

مثال:

var carName = "Volvo XC60"; // Using double quotes

var carName = 'Volvo XC60'; // Using single quotes‎

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

مثال:

 

نمونه چهار

<script>

var person;

document.getElementById("demo").innerHTML =

person + "<br>" + typeof person;

</script>

 

اعداد در جاوا اسکریپت (متغیرهای عددی)

جاوا اسکریپت تنها یک نوع عدد دارد، به عبارتی دیگر اعداد را می توان با اعشار (decimal) یا بدون اعشار بکار برد / متغیرهای عددی در جاوا اسکریپت یا به صورت اعشاری و دهدهی نوشته می شوند و یا به صورت عدد صحیح نمایش داده می شوند.

مثال:

var x1 = 34.00; // Written with decimals

var x2 = 34; // Written without decimals

اعدادی که بیش از حد بزرگ یا کوچک هستند را می توان با نماد علمی scientific notation / نوشت.

var y = 123e5; // 12300000‎

var z = 123e-5; // 0.00123‎

 

نوع داده ی بولی (متغیر بولی) در جاوا اسکریپت / Boolean

متغیرهای بولی تنها می توانند دو مقدار true یا false را داشته باشند.

var x = true;‎

var y = false;‎

متغیرهای بولی برای آزمودن و تست یک شرط بکار می رود.

 

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

در آموزش طراحی سایت آرایه ها در جاوا اسکریپت داخل کروشه یا همان کاراکتر [] قرار می گیرند. آیتم های یک آرایه توسط ویرگول از هم جدا می شوند. کد زیر آرایه ی به نام cars که شامل سه آیتم (اسم اتومبیل) می باشد را ایجاد (تعریف) می کند.

مثال:

 

نمونه پنج

<script>

var car = "";

document.getElementById("demo").innerHTML =

"The value is: " +

car + "<br>" +

"The type is:" + typeof car;

</script>

اندیس یا شاخص آرایه از صفر آغاز می گردد، بدین معنا که آرایه ی اول [0]، دومین [1] و به همین ترتیب ادامه پیدا می کند.

 

اشیا (objects) در جاوا اسکریپت

در جاوا اسکریپت اشیا داخل کاراکتر {} (آکولاد) قرار داده و تعریف می شوند. خصوصیت های اشیا در جاوا اسکریپت داخل آکولاد به صورت جفت اسم : مقدار (name:value pairs) نوشته شده و توسط ویرگول از هم جدا می گردند.

مثال:

 

نمونه شش

<script>

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

var person = null;

document.getElementById("demo").innerHTML = typeof person;

</script>

شی (person) در مثال فوق دارای چهار خصوصیت می باشد : firstName، lastName، age وeyeColor.

 

عملگر typeof

می توان با استفاده از عملگر typeof نوع یک متغیر جاوا اسکریپت را بدست آورد / عملگر ذکر شده نوع متغیر را برمی گرداند.

مثال:

typeof "John" // Returns string

typeof 3.14 // Returns number

typeof false // Returns boolean

typeof [1‎،‎2‎،‎3‎،‎4] // Returns object‎

typeof {name:'John'‎،‎ age:34} // Returns object

نکته:

در جاوا اسکریپت، آرایه در واقع یک نوع شی محسوب می گردد. بنابراین typeof [1,2,3,4] در نتیجه نوع object را برمی گرداند.

 

Undefined (تعریف نشده)

متغیری که مقداردهی نشده است، به صورت پیش فرض تعریف نشده تلقی می گردد و مقدار آن undefined می باشد. در صورت استفاده از typeof نیز مقدار undefined به عنوان نتیجه بازگردانده می شود.

مثال:

var person;                  // Value is undefined،‎ type is undefined

هر متغیری را می توان با تنظیم مقدار آن روی undefined تهی کرد، همچنین نوع آن undefined یا تعریف نشده درنظر گرفته می شود.

مثال:

person = undefined;          // Value is undefined،‎ type is undefined

 

مقادیری تهی / empty values

یک مقدار تهی هیچ گونه ارتباطی با مقدار تعریف نشده (undefined) ندارد. یک متغیر رشته ی تهی (empty string variable) هم مقدار و هم نوع آن تعریف شده هستند.(دارای نوع و مقدار است)

مثال:

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

 

مقدار null

مقدار Null در جاوا اسکریپت به معنای تهی یا "nothing" است. متاسفانه در زبان برنامه نویسی بیان شده نوع داده ی null یک شی حساب می شود. با تنظیم مقدار یک شی روی null می توان آن شی را تهی کرد / تخصیص null به شی می توان آن را تهی کرد.

مثال:

var person = null; // Value is null،‎ but type is still an object

همچنین می توان برای تهی کردن یک شی آن را undefined مقداردهی کرد.

مثال:

 

نمونه هفت

<script>

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

var person = undefined;

document.getElementById("demo").innerHTML = typeof person;

</script>

در مثال زیر تفاوت بین undefined و null تشریح شده

typeof undefined // undefined

typeof null // object

null === undefined // false

null == undefined // true

آموزش طراحی سایت ادامه دارد