آموزش javascript (برنامه نویسی مقدماتی جاوا اسکریپت)

جلسه نهم

• ادامه مبحث Strings

String charAt() Method 12-

با استفاده از این متد، با تعیین  موقعیت متغیر برای ما مشخص میکنه تو اون موقعیت چه کاراکتری قرار داره . مثلا در متغیر x با استفاده از موقعیت تعیین شده کاراکتر مربوط به آن را برمی گرداند:

Let x = ”hello world”;

Document.getElementById(“demo”).innerhtml = x. charAt(0);

نتیجه دستور کاراکتر h می باشد.

13- String charcodeAt() Method

با استفاده از این متد کد حروف رو برمی گردونیم . کامپیوتر براساس کد 0 و 1 کار میکنه و از طرفی تمام حروف کد بخصوصی دارند . حروف انگلیسی هر کدامشان طبق جدول جدول ascii کد گذاری شده اند که این کد برای اینکه قابل فهم برای کامپیوتر باشد به 0 و1  تبدیل می شود. حال با این متد ما می توانیم کد Ascciiحروف را برگردانیم.

14- String property access[]

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

15- String split() Method

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

Let x = “a,b,c,d,e”;

Let y = x.split(“,”);

Document.getElementById(“demo”).innerhtml = y[0];

• String Search

متد هایی هستند که برای سرچ استفاده می شوند.

• String indexOf() Method

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

• String lastIndexOf() Method

اگر یک کلمه چندبار در متن تکرار شود این متد آخرین تکرار رو مشخص میکنه و جایگاه اون رو نشون میده .

• String lastIndexOf() Method

این متد شبیه به indexOf()   عمل میکند و اولین کلمه ای که دنبالش هستیم را پیدا میکند و برمی گرداند .

• String match() Method

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

• String includes()

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

• String starts with()

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

• Endswith() Method

اگر بخواهیم تشخیص دهیم کلمه ای که مد نظر ماست کلمه ی پایانی رشته است یا نه از این متد می توانیم استفاده کنیم. و جواب آن همان طور که مشخص است true یا false است.

• String template

در این مبحث می بینیم که String  را علاوه بر“”  و  ‘ ‘، بین back-ticks (` `)  هم می توان نوشت و این روش قابلیت های جدیدی را ایجاد می کند.

• اگر در متغیر تعریف شده هم زمان دابل کوتیشن و سینگل کوتیشن استفاده شود باید کل رشته را داخل back-ticks قرار داهیم تا خطا نگیرد.
• اگر بخواهیم داخل رشته عملیات محاسباتی انجام دهیم یا مقدار متغیر را برگردانیم می توانیم با قرار دادن $ قبل از متغیرها این کار را انجام دهیم.
• داخل (` `) می توانیم کد html بنویسیم.

• متدهای Numbers

Numberها به دو صورت عد صحیح (integer) یا اعشاری (decimals)هستند.

نکات:

• اگر متغیر یک عدد بزرگ باشد مثلا 12000000 می توان از نماد گذاری علمی استفاده کرد. Let x = 12e6
• اگر دو number با هم جمع بشن جواب یک عدد است ولی اگر دو string با هم جمع بشن جواب همان string است.
• جمع یک عدد صحیح و یک رشته باز هم رشته است.
• موقع محاسبات دو رشته اگر آن عملیات در رشته معنایی نداشته باشد ابتدا دو رشته به عدد صحیح تبدیل می شوند سپس عملیات انجام می شود مثلا علامت تقسیم، ضرب، منها و باقی مانده در رشته معنایی ندارد و به صورت number عمل می کند.

Let x = “100”;

Let y = “10”;

Let z = x/y =>10

• اگر یک نامبر رو تقسیم بر رشته کنیم جوابی که برمی گردونه NaN هست، NaN یعنی نامبر نیست .

Let x= 1000;

Let y = “apple”;

Let z = x/y => nan

• جمع nan و رشته مثل جمع دو رشته عمل میکند و به هم ملحق می شوند.
• جواب تقسیم رشته یا نامبر به صفر برابر با بی نهایت (infinity) است.
• وقتی عددی با 0x شروع میشه یعنی مبنای 16 اون متغییر رو برمی گردونه .
• اعداد باینری از تقسیمات متوالی یک عدد بر عدد 2 به دست می آید و به صورت 0 و 1 می باشد، از آنجایی که کامپیوتر تنها 0 و 1 را درک میکند همه اعداد به صورت اعداد باینری در می آیند . حروف نیز برای خود کد بخصوصی دارند که این کد باید به اعداد باینری تبدیل شود تا برای کامپیوتر قابل درک باشد.

• To Str() Method

این متد برای تبدیل اعداد به string  می باشد.

• New Number() Method

در دنیای برنامه نویسی ما می توانیم یک سری object تعریف کنیم هر روش اعمالی رو انجام بدیم و به عنوان متغیر ازش استفاده کنیم برای اینکار از متد New Number() استفاده می کنیم.

• toExponential() Method

این متد توان اعداد رو نشون میده و گرد میکنه . مثلا عدد 6000.678 را با این متد به صورت e+36.000678 نمایش می دهد

• toExponential() Method

در این متد کلا متغیر رو گرد میکنه مثلا 9.66 با این متد 10 نمایش داده میشه.

• toprecision() Method

let x =9.656;

x.toprecision(2) => 9.7

x.toprecision(3) => 9.66

در این متد طبق عدد داخل پارانتز طول متغیر برگردانده می شود و اگر لازم شد گرد می شود . مثلا در اولی 9.7 شده چون از ما خواسته طول متغیر دو رقم باشد و در نتیجه گرد شده و در دومی طول متغیر 3 باید باشد پس دو رقم اعشار میخورد و این مورد هم گرد می شود اگر طول متغیر 4 باشد خود 9.656 عینا چاپ می شود.

• Valueof() Method

این متد مثل متد to string()عمل می کند. و مقدار را برمی گرداند.

• در جاوااسکریپت سه روش وجود دارد که می توان از آنها برای تبدیل متغیرها به اعداد استفاده کرد.
• متد number()
• متد parseint()
• متد parsefloat()

Number(true) => 1

Number(false) => 0

10 Number(“10”) =>

Number(“10.33”) => 10.33

 Number(“10,33”) => nan

 Number(“john”) => nan

• Number (newData(“1970-01-01”))

با استفاده از این متد می توان زمان رو براساس ثانیه تعیین کرد در واقع این تاریخ مبدا است و هر تاریخی بدهیم طبق آن حساب می شود .

  جلسه دهم

• Parseint() Method

این متد integer یک عد رو رو برمی گردونه.

Document.getElementById(“demo”).innerhtml =

 Parseint(“-10”); => -10

Parseint(“10.33”); =>10

Parseint(“10 6”); => -10

Parseint(“10 years”); => 10

Parseint(“years 10”); => nan

• Parsfloat() Method

این متد هم تقریبا به متد قبلی است و عدد برمی گرداند. منتهی مثلا مورد 10.33 را همانطور برمی گرداند .

Number Properties

Properties یا ویژگی ها خصوصیاتی هستند که روی یک object عمل می کنند. تفاوت آن با متد این است که متد به تنهایی کار میکند ولی propertie ها روی object پیاده می شود.

برخی از properties ها را در ادامه بررسی می کنیم:

• MAX_VALUE

let x = Number.MAX_VALUE;

document.getElementById(“demo”).innerHTML = x;

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

• MIN_VALUE

در اینجا منظور این است کوچک ترین عدد ممکن که کامپیوترگنجایشش رو داره برگردونه

• POSITIVE-INFINITY

بزرگترین عدد مثبت و بی نهایت رو برمیگردونه که همان بی نهایت هست

• NEGATIVE-INFINITY

منفی بی نهایت رو برمیگردونه که در واقع کوچکترین عدد ممکن است .

• NAN

         Let x = Number.NAN ; => NAN

ویژگی های اعداد را نمی توان روی متغیرها استفاده کرد. مثلا اگر بجای Number.MAX_VALUE

به این شکل بنویسیم : X.MAX_VALUE جوابی که به ما برمیگرداند تعریف نشده است . چون نمیتوان از اسم Numberاستفاده کرد برای این موارد.

جلسه یازدهم

آرایه به تعدادی متغیر که در کنار هم قرار می گیرند و فضایی از حافظه را اشغال می کنند گفته می شود عناصر آرایه ممکن است از یک نوع باشد یا نباشد.

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

• Const points = newArray()
• Const points = []
• Const points = newArray (10,20,30)
• Const points= [10,20,30]

اگر بخواهیم نوع آرایه را برگردانیم از typeof استفاده می کنیم .

Const fruits = [“a”,”b”,”c”];

Document.getElementById(“demo”).innerhtml = typeof fruits; => object

آرایه یک نوع object  هست.

برای اینکه بدانیم متغیری که مقدار دهی شده آرایه هست یا نه می توانیم از دستور زیر استفاده کنیم :

Array.isArray(fruits);

جواب true یا  false است.

Instanceof هم به ما کمک میکنه تشخیص بدهیم که متغیر ما آرایه هست یا خیر.

Const fruits = [“a”,”b”,”c”];

Fruits Instanceof Array

 متدهای آرایه Array Method

• Tostring() Method

با این متد آرایه را به رشته تبدیل می کنیم.

• Join() Method

این متد کار tostring  رو انجام میده و علاوه براون یک جداکننده هم میتواند بین عناصر آرایه ملحق کند.

Let x = [“a”,”b”,”c”,”d”];

Document.getElementById(“demo”).innerhtml = x.join(“*”);

• a*b*c*d
• pop() Method

متد pop() آخرین عنصر آرایه را حذف می کند .

• push() Method

این متد یک عنصر به آخر آرایه اضافه می کند.

عنصری که می خواهیم اضافه شود داخل متد push  قرار می دهیم.

• Shift() Method

خونه اول رو حذف می کنه و بقیه رو شیفت میده به جای اون.

• Unshift() Method

این متد یک عنصر به ابتدای آرایه اضافه می کند .

• Changing element

برای تغییر دادن یک عنصر از آرایه می توانیم با استفاده index number اینکار را انجام دهیم .

Const fruits = [“a”,”b”,”c”,”d”];

Fruits [0]= “e”;

در جواب به جای a , e را جایگزین می کند.

• Array length

یک راه دیگر برای اضافه کردن عنصر به انتهای آرایه استفاده از

 Array length است.

• Array delete()

با این متد عنصر مورد نظر را می تونیم حذف میکنیم ولی با این متد خونه عنصر حذف نمیشه بلکه فقط خونه عنصر روخالی میکنه. برای حذف بهتره از pop() یا  shift() استفاده کنیم.

-10    Concat() Method

این متد دوتا آرایه رو به هم وصل میکنه.

 -11 Splice() Method

متد splice برای اضافه کردن عناصر جدید به آرایه است.

Const fruits = [“a”,”b”,”c”,”d”];

Fruits.splice(2,0,”e”,”f”);

در دستور بالا 2 موقعیت عنصری که باید اضافه شود را نشان می دهد و 0 یعنی هیچ عنصری از آرایه ها حذف نشود. بقیه عناصر هم قرار هست اضافه شوند .

12- Slice() Method

این متد برای برش دادن است و به ازای عددی که داخل متد نوشته می شود از ابتدای آرایه عنصرها را برش می دهد مثلا اگر slice(3) باشد سه عنصر اول آرایه را حذف و بعد از آن را نمایش می دهد.