Menu
CoddyTech

تحويل أنواع البيانات - الجزء الأول

جزء من قسم الأساسيات في رحلة JavaScript على Coddy. الدرس 30 من 77.

للتحويل بين أنواع البيانات المختلفة في JavaScript، نحتاج إلى استخدام تحويل النوع.

تدعم JavaScript التحويل الضمني والصريح للأنواع. لنركّز على أكثر طرق التحويل الصريح شيوعًا، الجزء الأول:

parseInt وparseFloat

// تحويل النص إلى عدد باستخدام parseInt وparseFloat
let str = "42";
let num1 = parseInt(str);    // يحوّل إلى عدد صحيح
let num2 = parseFloat("42.5");  // يحوّل إلى عدد ذي فاصلة عائمة

console.log(num1);  // يطبع: 42
console.log(num2);  // يطبع: 42.5

تقرأ كلتا الدالتين الرقم من بداية السلسلة النصية وتتوقفان عند أول محرف ليس جزءًا من رقم. إذا لم تبدأ السلسلة النصية برقم، فإنهما تُرجعان NaN (ليس رقمًا):

console.log(parseInt("5ab"));      // الناتج: 5 (يحلّل النص حتى يصل إلى حرف غير صالح)
console.log(parseFloat("5.2xyz")); // الناتج: 5.2 (يحلّل النص حتى يصل إلى حرف غير صالح)
console.log(parseFloat("abc123")); // الناتج: NaN (لا يوجد رقم في البداية)

القيم التي تأتي من إدخال المستخدم (مثل inp[0]) تكون دائمًا سلاسل نصية، لذا حوّلها باستخدام parseInt أو parseFloat قبل إجراء العمليات الحسابية: وإلا فإن + يضمّها كنص بدلًا من جمعها.

من المهم استخدام النوع الصحيح لأنه قد يؤثر في الناتج.

دمج سلسلتين نصيتين: "5" + "5" == "55"

جمع عددين: 5 + 5 == 10

يُعد فهم تحويل الأنواع أمرًا أساسيًا لكتابة شيفرة JavaScript موثوقة وتجنب النتائج غير المتوقعة في برامجك.

challenge icon

التحدي

مبتدئ

معطى سلسلتان نصيتان var1 وvar2.

حوّلهما إلى عدد عشري واطبع حاصل ضرب العددين.

جرّب بنفسك

let var1 = inp[0] // لا تغيّر هذا السطر
let var2 = inp[1] // لا تغيّر هذا السطر

// اكتب الكود أدناه
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس الأساسيات

تدرّب بنفسك: مترجم JavaScript عبر الإنترنت