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

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

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

از رشته (string) به منظور ذخیره سازی و دستکاری نوشته یا متن در جاوا اسکریپت استفاده می شود.
رشته در جاوا اسکریپت اصولا جهت ذخیره ی یک سری کاراکتر بکار می رود، مانند این مثال : "John Doe".
رشته می تواند هر نوشته ی داخل علامت نقل و قول باشد. امکان استفاده از هر دو نوع " " یا ' ' وجود دارد.

مثال:

نمونه یک

var carName1 = &quotVolvo XC60"
var carName2 = 'Volvo XC60';
document.getElementById(&quotdemo&quot) =
carName1 + &quot<br>&quot + carName2;

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

مثال:

نمونه دو

var answer1 = &quotIt's alright"
var answer2 = &quotHe is called 'Johnny'"
var answer3 = 'He is called &quotJohnny&quot';
document.getElementById(&quotdemo&quot) =
answer1 + &quot<br>&quot + answer2 + &quot<br>&quot + answer3;

طول رشته (string length)

جهت بدست آوردن طول یک رشته، کافی است از خاصیت (property) length بهره ببرید.

مثال:

نمونه سه

var txt = &quotABCDEFGHIJKLMNOPQRSTUVWXYZ"
document.getElementById(&quotdemo&quot) = txt.length;

کارکترهای ویژه ی (Special Characters) در آموزش طراحی سایت

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

مثال:

var y = &quotWe are the so-called &quotVikings&quot from the north.&quot‎

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

‎&quotWe are the so-called &quot.‎

جهت اجتناب از بروز مشکلاتی از این دست، باید از کاراکتر"\ " استفاده کنید.
علامت (\) برای وارد کردن کاراکترهای ویژه مانند: (")، (') و یا رفتن به خط جدید در یک رشته، استفاده می شود.

مثال:

نمونه چهار

var x = 'It\'s alright';
var y = &quotWe are the so-called \&quotVikings\&quot from the north."
document.getElementById(&quotdemo&quot) = x + &quot<br>&quot + y;

جدول زیر تمامی کاراکترهایی که امکان درج آن ها در رشته با استفاده از (\) فراهم می آید را فهرست کرده.

شکستن خطِ کدهای طولانی (قرار دادن کد در خط بعدی)

به منظور بهبود خوانایی کد، برنامه نویسان تا حد ممکن از قرار دادن بیش از 80 کاراکتر داخل یک خط اجتناب می کنند.
در صورتی که دستور جاوا اسکریپت داخل یک خط جا نمی گیرد، بهترین مکان برای شکستن آن خط پس از عملگر خواهد بود.

مثال:

نمونه پنج

<h1>My Web Page</h1>
<p>
The best place to break a code line is after an operator or a comma.
</p>
<p id=&quotdemo&quot>false</p>

    document.getElementById(&quotdemo&quot) =
    &quotHello Dolly.
"

همچنین می توان یک خط کد را از وسط یک رشته ی متنی (text string) قطع کرد و بقیه ی آن را در خط بعدی قرار داد، این امر با استفاده از کاراکتر" \ " امکان پذیر می شود.

مثال:

نمونه شش

    document.getElementById(&quotdemo&quot) = &quotHello\
Dolly."

توجه:

استفاده از کاراکتر مذکور به گونه ی که تشریح شد یک استاندارد ECMAScript (JavaScript) نیست. برخی از مرورگرها فاصله ی قبل از کاراکتر \ را نمی پذیرند.

روش امن تر و پرکاربرد تر، به هم وصل کردن رشته های شکسته شده توسط " + " می باشد.

مثال:

نمونه هفت

    document.getElementById(&quotdemo&quot) = &quotHello&quot +
        &quotDolly."

اجازه ی نصف کردن (شکستن) خط کد با استفاده از کاراکتر \ به شما داده نمی شود.

مثال:

نمونه هشت

 
        document.getElementById(&quotdemo&quot) = \
&quotHello Dolly."
    

به طور معمول رشته های جاوا اسکریپت مقادیر اولیه ی هستند که از literal ها ساخته می شوند.

var firstName = &quotJohn&quot‎

اما می توان رشته ها را با استفاده از کلید واژه ی new به عنوان شی تعریف کرد.

var firstName = new String(&quotJohn&quot)‎

مثال:

نمونه نه

    var x = &quotJohn"              // x is a string
    var y = new String(&quotJohn&quot);  // y is an object
    document.getElementById(&quotdemo&quot) =
typeof x + &quot<br>&quot + typeof y;

توجه:

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

اگر از عملگر == استفاده کنید، رشته های (که مقادیر یکسان دارند) یکسان تلقی می گردند.

مثال:

نمونه ده

 var x = &quotJohn"              // x is a string
    var y = new String(&quotJohn&quot);  // y is an object
    document.getElementById(&quotdemo&quot) = (x == y);

اما چنانچه از عملگر === استفاده کنید، رشته هایی که فقط مقادیر یکسان دارند دیگر کاملا یکسان محسوب نمی شوند زیرا که عملگر ذکر شده انتظار دارد رشته ها از نظر مقدار و نوع با هم یکی باشند.

مثال:

نمونه یازده

    var x = &quotJohn"              // x is a string
    var y = new String(&quotJohn&quot);  // y is an object
    document.getElementById(&quotdemo&quot) = (x === y);

حتی بدتر اشیا هستند که نمی توان آن ها را با هم مقایسه کرد.

مثال:

نمونه دوازده

    var x = new String(&quotJohn&quot);  // x is an object
    var y = new String(&quotJohn&quot);  // y is an object
    document.getElementById(&quotdemo&quot) = (x == y);

مهم : اشیا را نمی توان با هم مقایسه کرد.

خصوصیت ها و متدهای رشته

مقادیر اولیه مانند "John Doe" قادر به گرفتن خصوصیت و متد نیستند (زیرا که این مقادیر اولیه شی محسوب نمی شوند).
اما در جاوا اسکریپت این امکان برای مقادیر اولیه وجود دارد که متد و خصوصیت دریافت کنند، زیرا که جاوا اسکریپت هنگام اجرای متدها و خاصیت ها (property) با مقادیر اولیه مانند شی برخورد می کند.

خاصیت های شی string

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