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

جاوا اسکریپت کاملاً انعطاف‌پذیر است و راه‌های مختلفی را برای تبدیل بین داده ارائه می‌کند. انواع. در این آموزش کوتاه، نحوه تبدیل یک عدد به رشته در جاوا اسکریپت را بررسی خواهیم کرد. ممکن است بخواهید این کار را انجام دهید تا داده های اعداد را برای کاربران خواناتر کنید – به عنوان مثال، برای نمایش عدد به عنوان بخشی از جمله. فریلنسری برای طراحی وب چه چیزی را بدانیم و چگونه شروع کنیم

این آموزش چهار راه برای تبدیل یک عدد به رشته در جاوا اسکریپت را بررسی می کند. بسته به نیازهای خاص و مورد استفاده شما، رویکردهای مختلفی را توصیه می‌کنیم:

• درون یابی رشته ای: هنگام درج مقدار عدد در یک رشته. برای مثال، نمایش متن در یک صفحه وب مانند «شما از 7 اعتبار از 24 استفاده کرده‌اید. “. همچنین می‌توانید از Concatenation استفاده کنید، اما مراقب باشید.
• رشته یا toString(): هنگام تغییر نوع مقدار عدد به رشته. به عنوان مثال، استفاده از اعداد به عنوان ورودی توابع یا APIهایی که انتظار رشته دارند. رشته و toString() اغلب یکسان هستند اما با متغیرهای undefined و null متفاوت رفتار می‌کنند.

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

تبدیل عدد به رشته با استفاده از درون یابی

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

برای استفاده از درون یابی، یک رشته را به جای علامت نقل قول (" یا ' با بکتیک (`) بپیچید. سپس، در رشته، می‌توانید هر متغیری را با استفاده از`${}` به‌عنوان جای‌بانی وارد کنید. به این قالب تحت اللفظی و دارای انواع مزایای عالی دیگر است.

به عنوان مثال:

const شماره = 99;
کنسول.ورود(` ${number} درصد بسیاری از مردم جاوا اسکریپت را دوست دارند`);

از آنجایی که رشته‌ای که وارد کنسول می‌شود با بکتیک پیچیده شده است، می‌توانید با استفاده از ${}، متغیری را در رشته وارد کنید.

می‌توانید این مثال را در نسخه نمایشی CodePen زیر مشاهده کنید.

به قلم مراجعه کنید
درون یابی رشته ای در جاوا اسکریپت توسط SitePoint (@SitePoint)
در CodePen.

تبدیل عدد به رشته با استفاده از الحاق رشته

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

به عنوان مثال:

کنسول.ورود(10 + "USD");
کنسول.ورود(10 +  "");

به قلم مراجعه کنید
تبدیل شماره به رشته با الحاق توسط SitePoint (@SitePoint )
در CodePen.

اگرچه این رویکرد کارآمد است (زیرا به کمترین مقدار کد نیاز دارد)، می‌تواند کد را کمتر خوانا کند.

اخطار الحاق رشته

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

به عنوان مثال:

مستمر یک = 2000;
const b = 468;
کنسول.ورود(a + b + " بزرگراه");

از آنجایی که a + b ابتدا قبل از رسیدن به رشته ارزیابی می‌شود، این عملیات به‌جای الحاق رشته، یک جمع عددی است. هنگامی که به یک متغیر رشته یا literal رسیدیم، عملیات به یک رشته الحاق تبدیل می شود. بنابراین، نتیجه بزرگراه 2468 است.

با این حال، سعی کنید کد را به شکل زیر تغییر دهید:

مستمر یک = 2000;
const b = 468;
کنسول.ورود("این است " + a + b + "بزرگراه") ;

از آنجایی که "it is" + a ابتدا ارزیابی می شود، عملگر + برای الحاق رشته ها برای بقیه عبارت استفاده می شود. بنابراین، به جای یک عملیات جمع بین a و b مانند مثال قبلی، به یک عملیات الحاق رشته بین این دو تبدیل می شود.

این را می توان با استفاده از پرانتز حل کرد:

مستمر یک = 2000;
const b = 468;
کنسول.ورود("این است " + (a + b) + "بزرگراه");

جمع بین a و b ابتدا انجام می شود که منجر به عملیات جمع بین دو متغیر می شود. سپس، الحاق رشته برای بقیه عبارت استفاده می شود زیرا اولین عملوند "it is" است.

تبدیل یک عدد به رشته با استفاده از toString

رویکرد سوم از روش toString() استفاده می کند. این روش برای همه انواع داده جاوا اسکریپت، از جمله اعداد، در دسترس است. مقدار عددی را که روی آن استفاده شده تبدیل می‌کند و آن را برمی‌گرداند.

به عنوان مثال:

const شماره = 10;
کنسول.ورود(شماره);
کنسول.ورود(نوع شماره);

const numberStr = شماره.toString(); 
کنسول.ورود(numberStr);
کنسول.ورود(نوع numberStr);

این مثال همان نتیجه روش اول را نشان می دهد. همچنین می‌توانید آن را در حالت نمایشی CodePen زیر مشاهده کنید.

به قلم مراجعه کنید
تبدیل شماره JS به رشته با استفاده از toString() توسط SitePoint (@SitePoint)
در CodePen.

تبدیل عدد به رشته با استفاده از رشته

رویکرد چهارم از تابع سازنده String() استفاده می کند. این تابع متغیر را برای تبدیل به عنوان پارامتر اول می پذیرد. این پارامتر را به یک رشته تبدیل می کند و آن را برمی گرداند.

به عنوان مثال:

const شماره = 10;
کنسول.ورود(شماره);
کنسول.ورود(نوع شماره);

const numberStr = رشته (شماره);
کنسول.ورود(numberStr);
کنسول.ورود(نوع numberStr);

هنگام ثبت مقدار number و نوع آن در کنسول، نتیجه به ترتیب 10 و number است. پس از تبدیل آن، نتیجه به ترتیب 10 به عنوان رشته و رشته است.

می‌توانید این مثال را در نسخه نمایشی CodePen زیر مشاهده کنید.

به قلم مراجعه کنید
JS تبدیل شماره به رشته با استفاده از String() توسط SitePoint (@SitePoint)
در CodePen.

نتیجه گیری

این آموزش چهار روش را به شما نشان می دهد که می توانید از آنها برای تبدیل یک عدد به رشته در جاوا اسکریپت استفاده کنید. اگرچه این روش‌ها می‌توانند نتایج یکسانی را هنگام استفاده با اعداد ایجاد کنند، اما مواردی وجود دارد که یک رویکرد بهتر از روش‌های دیگر است.

تفاوت اصلی بین استفاده از String() و toString() این است که String() با undefinedکار می کند. > و مقادیر null، در حالی که toString() اینطور نیست. بنابراین، اگر مقداری دارید که باید حاوی یک عدد باشد اما می‌خواهید هنگام تبدیل آن به رشته ایمن باشید، می‌توانید از String() استفاده کنید.

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

اگر این مقاله برای شما مفید بود، ممکن است از موارد زیر نیز لذت ببرید:

منبع :

https://nimaadvertise.ir/فریلنسری-برای-طراحی-وب-چه-چیزی-را-بدانی/