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

سلام بر دوستان عزیزم..

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

آموزش طراحی سایت : متدهای سراسری (global methods)

توابع سراسری (global functions) را می توان برای تمامی نوع داده های (data type) جاوااسکریپت بکار برد. جدول های زیر پرکاربرد ترین متدهایی که حین کار با اعداد در زبان جاوا اسکریپت کارایی دارند را با ذکر کاربرد آن فهرست می کند.

​

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

​

متد toString()

این متد یک عدد یا متغیر عددی را به عنوان رشته ی متنی بر می گرداند. متدهای مربوط به شی number را می توان برای انواع عدد بکار گرفت اعم از لفظ ها (literals)، متغیرهای عددی (variable)، عبارت های عددی (expression).

مثال یک :

var x = 123;

document.getElementById("demo") =

x.toString() + "<br>" +

(123).toString() + "<br>" +

(100 + 23).toString();

متد toExponential()

رشته ی با اعداد گرد شده برمی گرداند که با قرارداد نمایی (exponential notation) نوشته شده باشد. این تابع در حقیقت یک متغیر عددی را به قرارداد نمایی (exponential notation) تبدیل می کند. یک پارامتر ورودی تعداد کاراکترهای بعد از ممیز اعشار را تعیین می کند.

مثال دو :

var x = 9.656;

document.getElementById("demo") =

x.toExponential() + "<br>" +

x.toExponential(2) + "<br>" +

 x.toExponential(4) + "<br>" +

x.toExponential(6);

پارامتر اختیاری است. در صورت مشخص نکردن پارامتر، جاوا اسکریپت عدد را گرد نمی کند.

متد toFixed()

رشته عددی با تعداد اعشار مشخص شده برمی گرداند.

مثال سه :

var x = 9.656;

document.getElementById("demo") =

x.toFixed(0) + "<br>" +

x.toFixed(2) + "<br>" +

x.toFixed(4) + "<br>" +

x.toFixed(6);

متد toPrecision()

یک رشته ی عددی با طول مشخص (تعداد کاراکتر معین) برمی گرداند.

مثال چهار :

var x = 9.656;

document.getElementById("demo") =

x.toPrecision() + "<br>" +

x.toPrecision(2) + "<br>" +

x.toPrecision(4) + "<br>" +

x.toPrecision(6);

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

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

The Number() method

The parseInt() method

The parseFloat() method

توابع بالا متدهای مختص شی number نیستند (number methods)، بلکه متدهای سراسری یا global زبان جاوا اسکریپت محسوب می شوند.

متد Number()

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

مثال پنج :

document.getElementById("demo") =

Number(true) + "<br>" +

Number(false) + "<br>" +

Number(new Date()) + "<br>" +

Number("  10") + "<br>" +

Number("10  ") + "<br>" +

Number("10 6");

متد parseInt()

تابع parseInt() یک رشته را تجزیه (parse) کرده و یک عدد صحیح برمی گرداند. استفاده از فاصله امکان پذیر می باشد. توجه داشته باشید که تنها عدد اول برگردانده می شود.

مثال شش :

document.getElementById("demo") =

parseInt("10") + "<br>" +

parseInt("10.33") + "<br>" +

parseInt("10 6") + "<br>" +

parseInt("10 years") + "<br>" +

parseInt("years 10");

چنانچه امکان تبدیل عدد مورد نظر وجود نداشته باشد، در جواب (NaN (not a number برگردانده می شود.

متد parseFloat()

تابع parseFloat() یک رشته را تجزیه (parse) کرده و در جواب یک عدد برمی گرداند. استفاده از فاصله مجاز می باشد. تنها اولین عدد برگردانده می شود.

مثال هفت :

document.getElementById("demo") =

parseFloat("10") + "<br>" +

parseFloat("10.33") + "<br>" +

parseFloat("10 6") + "<br>" +

parseFloat("10 years") + "<br>" +

parseFloat("years 10");

در صورت عدم امکان تبدیل عدد، (NaN (not a number برگردانده می شود.

متد valueOf()

یک متغیر عددی را به صورت های مختلف عدد (لفظ / literal، متغیر، عبارت عددی) برمی گرداند.

مثال هشت :

var x = 123;

document.getElementById("demo") =

x.valueOf() + "<br>" +

(123).valueOf() + "<br>" +

(100 + 23).valueOf();

در جاوا اسکریپت، یک عدد می تواند یک مقدار اولیه (typeof = number) یا یک شی (typeof = object) باشد. متد ValueOf() داخل زبان جاوا اسکریپت به منظور تبدیل اشیا یا آیجکت number به مقادیر اولیه بکار گرفته می شود، هیچ لزومی ندارد از آن در کد خود استفاده کنید.

با آموزش های دیگر از آموزش جاوا اسکریپت در آموزش طراحی سایت با ما همراه باشید....

آموزش طراحی سایت-آموزش JSON

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

 

آموزش JSON

جیسون JSON سرنام واژگان JavaScript Object Notation یک استاندارد سبک، باز ، متنی و خوانا برای انسان جهت انتقال داده و جایگزینی برای xml است. قراردادهای مورد استفاده ی JSON برای تمامی برنامه نویسان از جمله برنامه نویس C، C++، Java، Python، Perl شناخته شده است که به شرح زیر می باشد:

• جیسون JSON مخفف JavaScript Object Notation است.

• فرمت آن برای اولین بار توسط Douglas Crockford معرفی شد.

• برای انسان خوانا بوده و ویژه ی انتقال داده طراحی شده است.

• از زبان اسکریپت نویسی JavaScript مشتق شده است.

• پسوند فایل های با فرمت جی سن .json می باشد.

• مدیا Media type این فرمت انتقال داده application/json است.

• شناسه ی متحدالشکل نوع (UTI) آن public.json است.

 

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

• به هنگام نوشتن برنامه های تحت وب مبتنی بر جاوا اسکریپت که افزونه هایی برای مرورگر و وب سایت ها را شامل می شوند بکار می رود.

• برای serialize کردن و انتقال داده های ساخت یافته از طریق اتصال شبکه بکار می رود.

• عمدتا برای انتقال داده بین سرور و برنامه های تحت وب بکار می رود.

• وب Web service ها و API ها از فرمت JSON برای ارائه ی داده های public بهره می گیرند.

• تمامی زبان های برنامه نویسی روز از آن پشتیبانی می کنند.

 

ویژگی های JSON

• خواندن و نوشتن در آن آسان است.

• یک فرمت متنی تبادل داده سبک و کم حجم است.

• با اینکه از زبان JavaScript مشتق شده، از این زبان کاملا مستقل است و مفسر (parser) آن برای تمامی زبان ها موجود می باشد.

 

نمونه ی ساده از JSON

مثال زیر نحوه ی استفاده از JSON را برای ذخیره ی اطلاعات مربوط به مجموعه ای از کتاب ها بر اساس موضوع و ویرایش هر یک، نمایش می دهد:

{

"book": [

{

"id":"01",

"language": "Java",

"edition": "third",

"author": "Herbert Schildt"

},

{

"id":"07",

"language": "C++",

"edition": "second",

"author": "E.Balagurusamy"

}

]

}

نمونه ی دیگری را در زیر مشاهده می کنید. این کد را با پسوند json.htm ذخیره می کنیم:

language = "javascript" >

var object1 = { "language" : "Java", "author" : "herbert schildt" };

document.write("

JSON with JavaScript example

");

document.write("

");

document.write("

Language = " + object1.language+"

");

document.write("

Author = " + object1.author+"

");

var object2 = { "language" : "C++", "author" : "E-Balagurusamy" };

document.write("

");

document.write("

Language = " + object2.language+"

");

document.write("

Author = " + object2.author+"

");

document.write("

");

document.write(object2.language + " programming language can be studied " + "from book written by " + object2.author);

document.write("");

حال با مرورگر IE یا هر مرورگر دیگری که JavaScript در آن فعال سازی شده، فایل json.htm را باز می کنیم. نتیجه ی زیر را بدست می دهد:

​

 

ساختار نگارشی JSON

 

جیسون JSON –انواع داده ای (Data types)

فرمت JSON از انواع داده ای زیر پشتیبانی می کند:

​

 

نوع داده ای number

1. ممیز شناور با دو رقم اعشار در JavaScript.

2. فرمت Octal (هشت هشتی) و hexadecimal (شانزده شانزدهی) در آن استفاده نمی شود.

3. حرف NaN یا Infinity در Number بکار نمی رود.

جدول زیر انواع عددی را به نمایش می گذارد:

​

ساختار نگارشی (Syntax):

var json-object-name = { string : number_value, .......}

مثال:

در مثال زیر نوع داده ای Number را مشاهده می کنید. دقت داشته باشید که مقدار نباید داخل "" قرار داده شود:

var obj = {marks: 97}

 

نوع داده ی String

1. دنباله ای از کاراکترهای Unicode محصور شده در "" با کاراکتر گریز backslash.

2. کارکتر Character رشته ای با طول یک و در واقع متشکل از تنها یک کاراکتر است.

3. جدول زیر کاراکترهایی که در رشته بکار می روند را نمایش می دهد:

​

ساختار نگارشی:

var json-object-name = { string : "string value", .......}

مثال:

نمونه ای از نوع داده ای رشته را در زیر مشاهده می کنید:

var obj = {name: 'Amit'}

 

(نوع داده ای بولی)Boolen

مقدار true یا false را شامل می شود.

var json-object-name = { string : true/false, .......}

مثال:

var obj = {name: 'Amit', marks: 97, distinction: true}

 

نوع داده ای آرایه

1. دنباله یا مجموعه ای از مقادیر مرتب شده است.

2. المان ها یا مقادیر آن داخل براکت باز و بسته محصور می شوند.

3. مقادیر داخل آن توسط ویرگول از هم جدا می شوند.

4. اندیس آرایه می تواند از 0 یا 1 شروع شود.

5. اندیس آرایه دنباله ای از اعداد صحیح است.

ساختار نگارشی

[ value, .......]

نمونه ی زیر آرایه ای را نشان می دهد که چندین شی در آن جای گرفته است:

{

"books": [

{ "language":"Java" , "edition":"second" },

{ "language":"C++" , "lastName":"fifth" },

{ "language":"C" , "lastName":"third" }

]

}

 

نوع داده ای Object

1. مجموعه ای نامرتب از جفت های اسم و مقدار.

2. اشیا داخل {} محصور می شوند.

3. پس از هر اسم یک دو نقطه قرار گرفته و جفت های اسم و مقدار توسط ویرگول از هم جدا می شوند.

4. کلیدها باید از نوع رشته بوده و با یکدیگر فرق داشته باشند.

ساختار نگارشی (syntax)

نحوه ی نگارش آن به شکل زیر می باشد:

{ string : value, .......}

مثال:

مثال زیر نمونه ای از نوع داده ای object را نمایش می دهد:

{

"id": "011A",

"language": "JAVA",

"price": 500,

}

 

Whitespace

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

ساختار نگارشی

{string:" ",....}

مثال:

var i = null;

if(i == 1){

document.write("

value is 1

");

else{

document.write("

value is null

");

}

 

نوع داده ای Value در JSON

می تواند هر نوعی را در خود ذخیره کند، از قبیل:

​

ساختار نگارشی

String | Number | Object | Array | TRUE | FALSE | NULL

مثال:

var i = 1;

var j = "sachin";

var k = null;

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

​