برنامه نویسی و IT برنامه نویسی وب جاوا اسکریپت

تبدیل رشته به عدد در جاوا اسکریپت: ترفندهای کلیدی

در دنیای برنامه نویسی جاوا اسکریپت، کار با داده‌ها از اهمیت ویژه‌ای برخوردار است. گاهی اوقات، ممکن است نیاز داشته باشید تا مقادیر ذخیره شده به عنوان رشته را به اعداد تبدیل کنید. این فرآیند، به نام «تبدیل رشته به عدد در جاوا اسکریپت» شناخته می‌شود و اغلب برای انجام محاسبات، مقایسه‌ها و سایر عملیات ریاضی ضروری است.

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

روش های کلیدی برای تبدیل رشته به عدد در جاوا اسکریپت

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

۱. تابع parseInt

تابع parseInt()‎ یکی از محبوب‌ترین روش‌ها برای تبدیل رشته به عدد صحیح (integer) در جاوا اسکریپت است. این تابع دو آرگومان می‌پذیرد:

رشته: رشته‌ای که می‌خواهید به عدد تبدیل شود.
پایه (اختیاری): عددی که پایه سیستم عددی رشته ورودی را مشخص می‌کند (به طور پیش فرض ۱۰ است که نشان دهنده سیستم دهدهی است).

آموزش Asynchronous در جاوا اسکریپت

۷۹۹,۰۰۰ ۲۳۹,۷۰۰ تومان

۷۰%

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

مثال:

let numberString = "۱۲۳";
let number = parseInt(numberString);
console.log(number); // Output: 123

نکات مهم:

اگر رشته با یک کاراکتر غیرعددی شروع شود، تابع parseInt()‎ مقدار NaN (Not a Number) را برمی‌گرداند.
اگر رشته حاوی کاراکترهای غیرعددی در وسط باشد، تابع آن‌ها را نادیده می‌گیرد و فقط قسمت عددی ابتدایی را در نظر می‌گیرد.

۲. تابع parseFloat برای تبدیل رشته به عدد در جاوا اسکریپت

تابع parseFloat()‎ برای تبدیل رشته به عدد اعشاری (floating-point) در جاوا اسکریپت استفاده می‌شود. این تابع نیز دو آرگومان مشابه parseInt()‎ می‌پذیرد:

رشته: رشته‌ای که می‌خواهید به عدد تبدیل شود.
پایه (اختیاری): عددی که پایه سیستم عددی رشته ورودی را مشخص می‌کند (به طور پیش فرض ۱۰ است).

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

مثال:

let numberString = "۳.۱۴";

let number = parseFloat(numberString);

console.log(number); // Output: 3.14

نکات مهم:

اگر رشته با یک کاراکتر غیرعددی شروع شود، تابع parseFloat()‎ مقدار NaN را برمی‌گرداند.
این تابع به طور خودکار نقطه (.) را به عنوان جداکننده اعشار در نظر می‌گیرد.

۳. عملگر یکانی علامت مثبت (+)

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

مثال:

let numberString = "۱۰۰";

let number = +numberString;

console.log(number); // Output: 100

نکات مهم:

این روش برای رشته‌هایی که با کاراکترهای غیرعددی شروع می‌شوند، کار نمی‌کند و مقدار NaN را برمی‌گرداند.
این روش برای تبدیل رشته‌های اعشاری به اعداد اعشاری مناسب نیست.

۴. متد Number برای تبدیل رشته به عدد در جاوا اسکریپت

متد Number()‎ روشی انعطاف‌پذیر برای تبدیل انواع مختلف داده‌ها به اعداد است. این متد یک آرگومان می‌پذیرد که مقداری است که می‌خواهید به عدد تبدیل شود.

مثال:

let numberString = "۲۰۰";

let number = Number(numberString);

console.log(number); // Output: 200

نکات مهم:

این روش رفتاری مشابه با عملگر تک علامت مثبت (+) دارد.

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

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

روش	مزایا	معایب
parseInt()‎	برای تبدیل رشته‌های عدد صحیح به کارآمد است.	اگر رشته با کاراکتر غیرعددی شروع شود، NaN را برمی گرداند.
parseFloat()‎	برای تبدیل رشته‌های اعشاری به کارآمد است.	اگر رشته با کاراکتر غیرعددی شروع شود، NaN را برمی گرداند.
عملگر +	ساده و مختصر است.	برای رشته‌هایی که با کاراکترهای غیرعددی شروع می‌شوند، کار نمی کند.
متد Number()‎	انعطاف‌پذیر و می‌تواند انواع مختلف داده‌ها را تبدیل کند.	کمی پیچیده‌تر از سایر روش‌ها است.

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

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

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

اگر می‌دانید رشته شما یک عدد صحیح است، از parseInt()‎ استفاده کنید.
اگر می‌دانید رشته شما یک عدد اعشاری است، از parseFloat()‎ استفاده کنید.
اگر رشته شما ممکن است با کاراکترهای غیرعددی شروع شود، از عملگر + یا متد Number()‎ استفاده کنید.
اگر به سادگی می‌خواهید رشته را به یک عدد تبدیل کنید، از عملگر + استفاده کنید.
اگر به روشی انعطاف پذیر برای تبدیل انواع مختلف داده‌ها به اعداد نیاز دارید، از متد Number()‎ استفاده کنید.

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

مثال ۱: تبدیل یک رشته عدد صحیح به عدد صحیح

let numberString = "۱۲۳";

let number = parseInt(numberString);

console.log(number); // Output: 123

مثال ۲: تبدیل یک رشته اعشاری به عدد اعشاری

let numberString = "۳.۱۴";

let number = parseFloat(numberString);

console.log(number); // Output: 3.14

مثال ۳: تبدیل یک رشته که ممکن است با کاراکتر غیرعددی شروع شود، به عدد

let numberString = "-۱۰۰";

let number = +numberString;

console.log(number); // Output: -100

مثال ۴: تبدیل یک شیء به عدد

let object = { value: "۲۰۰" };

let number = Number(object.value);

console.log(number); // Output: 200

چه تفاوتی بین parseInt و parseFloatدر جاوا اسکریپت وجود دارد؟

parseInt()‎ برای تبدیل رشته‌های عدد صحیح به کارآمد بوده در حالی که parseFloat()‎ برای تبدیل رشته‌های اعشاری کارآمد است.

چه زمانی باید از عملگر + برای تبدیل رشته به عدد در Javascript استفاده کرد؟

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

متد Number در جاوا اسکریپت چه کاری انجام می دهد؟

متد Number روشی انعطاف‌پذیر برای تبدیل انواع مختلف داده‌ها به اعداد است.

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

بهترین روش به نیازها و شرایط خاص شما بستگی دارد.

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

برای جلوگیری از تبدیل شدن رشته به NaN، باید از روشی مناسب برای تبدیل رشته به عدد استفاده کنید. به عنوان مثال، اگر می‌دانید رشته شما یک عدد صحیح است، از parseInt()‎ استفاده کنید.

کلام پایانی

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

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

۷۹۹,۰۰۰ ۲۳۹,۷۰۰ تومان

۷۰%

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

https://maktabkhooneh.org/mag/convert-string-to-number-in-javascript/

کامل بهرامی

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