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

سلام دوستان ... در قسمت قبل آموزش جاوا اسکریپت مفاهیم زیر را یاد دادیم .قسمت اول آموزش جاوا اسکریپتآموزش متغیرها در جاوا اسکریپتشناسه های جاوا اسکریپتآموزش محاسبه در جاوا اسکریپتآموزش عملگرهای محاسباتی جاوا اسکریپتحال با ادامه دوره آموزش طراحی سایت همراه باشیدآموزش عملگر های جایگزین در جاوا اسکریپتهمان طور که در مباحث پیشین ذکر شد، با استفاده از عملگرهای جایگزین به متغیرهای جاوا اسکریپت مقدار تخصیص می دهیم.عملگر جایگزین یا انتساب / assignment operator (=) یک مقدار به متغیر تخصیص می دهد. https://www.aparat.com/v/4gGj2 تخصیص مقدار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; // Numbervar lastName = &quotJohnson" // Stringvar cars = [&quotSaab&quot‎،‎ &quotVolvo&quot‎،‎ &quotBMW&quot]; // Array‎var x = {firstName:&quotJohn&quot‎،‎ lastName:&quotDoe&quot}; // Objectمفهوم نوع دادهدر برنامه نویسی، نوع داده مفهوم بسیار مهمی است.برای اینکه بتوان روی متغیرها عملیات انجام داد، باید چیزی درباره ی نوع آن دانست.بدون نوع داده، کامپیوتر قادر به فهم و محاسبه صحیح و امن داده نیست.var x = 16 + "Volvo";‎آیا عاقلانه به نظر می رسد که "Volvo" را به عدد 16 اضافه کنیم؟ آیا نتیجه ی صحیح و منطقی بدست می دهد و یا در نتیجه ی عملیات خطا برمی گرداند (ارور می دهد)؟جاوا اسکریپت مثال بالا را اینگونه پردازش می کند.var x = "16" + "Volvo"; ‎در صورتی که عملوند operand / دوم یک رشته باشد، جاوا اسکریپت عملوند اول را نیز رشته محسوب می کند.مثال:نمونه یک var x = 16 + &quotVolvo" document.getElementById(&quotdemo&quot) = x;جاوا اسکریپت عبارات را از چپ به راست ارزیابی می کند. ترتیب و توالی متفاوت ممکن است نتایج متفاوتی را رقم بزند.نمونه دو var x = 16 + 4 + &quotVolvo" document.getElementById(&quotdemo&quot) = x;مثال جاوا اسکریپتنمونه سه var x = &quotVolvo&quot + 16 + 4; document.getElementById(&quotdemo&quot) = x;در مثال اول، جاوا اسکریپت 16 و 4 را به عنوان رقم یا عدد درنظر می گیرد تا اینکه به "Volvo" می رسد.(که یک رشته تلقی می گردد)حال در مثال دوم، از آنجایی که عملوند اول یک رشته است، دیگر عملوندها نیز به مثابه ی رشته درنظر گرفته می شوند.جاوا اسکریپت دارای نوع داده ی پویا (dynamic type) است.جاوا اسکریپت نیز دارای نوع داده ی پویا است، بدین معنا که یک متغیر را می توان به عنوان نوع های مختلف بکار برد.مثال:var x; // Now x is undefinedvar x = 5; // Now x is a Numbervar x = &quotJohn" // Now x is a Stringرشته ها در جاوا اسکریپت (متغیر رشته ای)در آموزش طراحی سایت یک رشته string / (یا همان رشته ی مبتنی بر متنtext string / ) متشکل است از یک سری کاراکتر مانند این مثال "John Doe" که یک رشته محسوب می شود.رشته ها باید حتماً داخل علامت نقل و قول نوشته شوند. برای این منظور می توان از هر دو کاراکتر " " و ' ' بهره گرفت.مثال:var carName = &quotVolvo XC60" // Using double quotesvar carName = 'Volvo XC60'; // Using single quotes‎همچنین می توان از علامت نقل و قول داخل رشته استفاده کرد، البته تا زمانی که با علامت نقل و قول اطراف رشته یکی نشوند.مثال:نمونه چهار var person; document.getElementById(&quotdemo&quot) = person + &quot<br>&quot + typeof person;اعداد در جاوا اسکریپت (متغیرهای عددی)جاوا اسکریپت تنها یک نوع عدد دارد، به عبارتی دیگر اعداد را می توان با اعشار (decimal) یا بدون اعشار بکار برد / متغیرهای عددی در جاوا اسکریپت یا به صورت اعشاری و دهدهی نوشته می شوند و یا به صورت عدد صحیح نمایش داده می شوند.مثال:var x1 = 34.00; // Written with decimalsvar 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 که شامل سه آیتم (اسم اتومبیل) می باشد را ایجاد (تعریف) می کند.مثال:نمونه پنج var car = &quot" document.getElementById(&quotdemo&quot) = &quotThe value is: &quot + car + &quot<br>&quot + &quotThe type is:&quot + typeof car;اندیس یا شاخص آرایه از صفر آغاز می گردد، بدین معنا که آرایه ی اول [0]، دومین [1] و به همین ترتیب ادامه پیدا می کند.اشیا (objects) در جاوا اسکریپتدر جاوا اسکریپت اشیا داخل کاراکتر {} (آکولاد) قرار داده و تعریف می شوند. خصوصیت های اشیا در جاوا اسکریپت داخل آکولاد به صورت جفت اسم : مقدار (name:value pairs) نوشته شده و توسط ویرگول از هم جدا می گردند.مثال:نمونه شش var person = { firstName: &quotJohn&quot, lastName: &quotDoe&quot, age: 50, eyeColor: &quotblue&quot }; var person = null; document.getElementById(&quotdemo&quot) = typeof person;شی (person) در مثال فوق دارای چهار خصوصیت می باشد : firstName، lastName، age وeyeColor.عملگر typeofمی توان با استفاده از عملگر typeof نوع یک متغیر جاوا اسکریپت را بدست آورد / عملگر ذکر شده نوع متغیر را برمی گرداند.مثال:typeof &quotJohn&quot // Returns stringtypeof 3.14 // Returns numbertypeof false // Returns booleantypeof [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 = &quot" // The value is &quot&quot‎،‎ the typeof is stringمقدار nullمقدار Null در جاوا اسکریپت به معنای تهی یا "nothing" است. متاسفانه در زبان برنامه نویسی بیان شده نوع داده ی null یک شی حساب می شود.با تنظیم مقدار یک شی روی null می توان آن شی را تهی کرد / تخصیص null به شی می توان آن را تهی کرد.مثال:var person = null; // Value is null،‎ but type is still an objectهمچنین می توان برای تهی کردن یک شی آن را undefined مقداردهی کرد.مثال:نمونه هفت var person = { firstName: &quotJohn&quot, lastName: &quotDoe&quot, age: 50, eyeColor: &quotblue&quot }; var person = undefined; document.getElementById(&quotdemo&quot) = typeof person;در مثال زیر تفاوت بین undefined و null تشریح شدهtypeof undefined // undefinedtypeof null // objectnull === undefined // falsenull == undefined // true آموزش طراحی سایت ادامه دارد