معالجة السلاسل النصية في جافا سكريبت
معالجة السلاسل في جافا سكريبت JavaScript String
سلاسل النصوص تشكل جزءًا أساسيًا من تطوير تطبيقات الويب، حيث يتم التعامل مع النصوص في العديد من السياقات، مثل عرض المعلومات للمستخدم أو التعامل مع إدخالات المستخدم. في درسنا هذا، سنستكشف عالم معالجة السلاسل في لغة البرمجة جافا سكريبت.
سنغوصل في مفاهيم أساسية مثل الوصول إلى الأحرف، وحساب طول السلسلة، وتعديل النصوص، والبحث عن كلمات، والتلاعب بالقواعد النوعية والكثير من الأمور الأخرى التي تجعل عمليات معالجة السلاسل أكثر فهمًا وسهولة.
من خلال أمثلة وتطبيقات عملية، سنقوم ببناء فهم قوي لكيفية استخدام وتحسين السلاسل في تطوير تطبيقات الويب باستخدام جافا سكريبت. استعد لاكتساب المهارات الأساسية التي تساعدك في التعامل الفعّال مع السلاسل وتحسين أداء تطبيقاتك.
فلنبدأ رحلتنا في عالم معالجة السلاسل في جافا سكريبت!
السلاسل النصية في جافاسكريبت :JavaScript Strings
سلسلة النصوص في جافا سكريبت (JavaScript Strings) تمثل تتابعًا من الأحرف، سواء كانت حروفاً أو أرقامًا أو رموزًا. يمكنك استخدام السلاسل لتمثيل وتحليل النصوص في برنامجك. إليك بعض النقاط الرئيسية حول سلاسل النصوص في جافا سكريبت:
إنشاء السلاسل:
يمكنك إنشاء سلسلة نصية باستخدام علامات الاقتباس المفتوحة والمغلقة، سواء كانت فردية (‘) أو مزدوجة (“).
على سبيل المثال:
let myString1 = 'مرحبا بكم في جافا سكريبت'; let myString2 = "هذه سلسلة نصية أخرى";
الوصول إلى الأحرف في السلسة النصية:
يمكنك الوصول إلى الأحرف في سلسلة النص باستخدام فهرس الأحرف (index).
يبدأ ترتيب الأحرف من الصفر، حيث يكون myString[0] هو الحرف الأول.
مثال
let firstChar = myString1[0]; // الحصول على الحرف الأول في السلسلة
طول السلسلة النصية :
يمكنك معرفة طول سلسلة النص باستخدام خاصية length.
let length = myString1.length; // الحصول على طول السلسلة
الانضمام إلى السلاسل النصية:
يمكنك دمج (concatenate) سلاسل النص باستخدام عامل الجمع (+) أو بواسطة الدالة concat().
let combinedString = myString1 + ' ' + myString2; // الدمج باستخدام الجمع
let combinedString2 = myString1.concat(' ', myString2); // الدمج باستخدام concat()
تعديل السلاسل النصية :
يمكنك تعديل السلاسل بواسطة العديد من الدوال، مثل toUpperCase() و toLowerCase() لتحويل النص إلى حروف كبيرة أو صغيرة.
let upperCaseString = myString1.toUpperCase(); // تحويل السلسلة إلى حروف كبيرة let lowerCaseString = myString2.toLowerCase(); // تحويل السلسلة إلى حروف صغيرة
هذه بعض الأمور الأساسية حول سلاسل النص في جافا سكريبت، وهناك العديد من الدوال والخصائص الأخرى التي يمكنك استخدامها للتلاعب في النصوص والقيام بالعديد من العمليات المفيدة.
ها هي بعض المفاهيم الإضافية حول سلاسل النصوص في جافا سكريبت:
بحث عن النصوص:
يمكنك استخدام الدالة indexOf() للبحث عن وجود نص معين داخل سلسلة النص. تُعيد هذه الدالة الفهرس (index) الأول للظهور الأول للنص أو -1 إذا لم يتم العثور عليه.
let index = myString1.indexOf('مرحبا');استخدام القواعد النوعية:
يمكنك الوصول إلى الأحرف باستخدام القواعد النوعية (Unicode) باستخدام charAt()، وكذلك استخدام الدالة charCodeAt() للحصول على رمز Unicode لحرف معين.
let char = myString1.charAt(2); // الحصول على الحرف في الموقع 2 let unicode = myString1.charCodeAt(2); // الحصول على الرمز Unicode للحرف في الموقع 2
استقطاع جزء من السلسة النصية:
يمكنك استخدام الدالة substring() لاستخراج جزء من سلسلة النص، ويمكن استخدام slice() بطرق متعددة لتحقيق نفس الغرض.
let substring = myString1.substring(0, 5); // استخراج الجزء من الموقع 0 إلى 5 let slicedString = myString1.slice(6, 11); // استخراج الجزء من الموقع 6 إلى 11
تقسيم النص:
يمكنك استخدام الدالة split() لتقسيم سلسلة النص إلى مصفوفة استنادًا إلى فاصل معين.
let wordsArray = myString1.split(' '); // تقسيم النص إلى مصفوفة من الكلمات
استبدال النصوص:
يمكنك استخدام الدالة replace() لتعويض واستبدال نص محدد بنص آخر.
let replacedString = myString1.replace('مرحبا', 'مساء الخير');هذه بعض الأمور الإضافية التي تساعدك في التلاعب بسلاسل النص في جافا سكريبت. يمكنك استخدام هذه الأساسيات لبناء تطبيقات قوية وديناميكية على الويب.
مثال شامل في صفحة ويب عن:إنشاء السلاسل:
لإظهار كيفية إنشاء سلاسل النصوص في صفحة ويب باستخدام HTML وJavaScript، يمكنك إنشاء صفحة بسيطة تحتوي على نص وزر لتفعيل دالة JavaScript.
هنا مثال بسيط:
قم بإنشاء ملف HTML باستخدام محرر نصوص. يمكنك تسميته مثلاً “index.html”.
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مثال على إنشاء السلاسل في جافا سكريبت</title>
</head>
<body>
<h1>إنشاء السلاسل في جافا سكريبت</h1>
<p id="output"></p>
<script>
// جافا سكريبت لإنشاء السلسلة
let myString = 'مرحبًا بك في جافا سكريبت';
document.getElementById('output').innerHTML = 'النص: ' + myString;
</script>
</body>
</html>قم بفتح الملف HTML في متصفح الويب الخاص بك. ستظهر صفحة ويب بعنوان “مثال على إنشاء السلاسل في جافا سكريبت”، وستظهر النص “النص: مرحبًا بك في جافا سكريبت”.
هذا المثال يستخدم جملة <script> لتضمين كود جافا سكريبت داخل صفحة HTML، ويستخدم الدالة getElementById للوصول إلى عنصر HTML وتحديث نصه باستخدام السلسلة المُنشأة في جافا سكريبت.
مثال في صفحة ويب عن:الوصول إلى الأحرف:
لتوضيح كيفية الوصول إلى الأحرف في سلسلة النص في صفحة ويب باستخدام HTML وJavaScript، يمكننا إجراء تعديل بسيط على المثال السابق. في هذا المثال، سنقوم بعرض الحرف الأول من السلسلة وإظهار رمز Unicode الخاص به. يمكنك اتباع الخطوات التالية:
قم بتعديل ملف HTML ليبدو كالتالي:
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مثال على الوصول إلى الأحرف في جافا سكريبت</title>
</head>
<body>
<h1>الوصول إلى الأحرف في جافا سكريبت</h1>
<p id="output"></p>
<script>
// جافا سكريبت للوصول إلى الأحرف
let myString = 'مرحبًا بك في جافا سكريبت';
let firstChar = myString[0];
let unicode = myString.charCodeAt(0);
// عرض النتائج في الصفحة
document.getElementById('output').innerHTML = `
الحرف الأول: ${firstChar}<br>
رمز Unicode: ${unicode}
`;
</script>
</body>
</html>
قم بفتح الملف HTML في متصفح الويب الخاص بك. سيظهر النص “الحرف الأول: م” و”رمز Unicode: 1605″، حيث تم الوصول إلى الحرف الأول في سلسلة النص وعرضه على الصفحة.
هذا المثال يستخدم الفهرس (index) للوصول إلى الحرف الأول في سلسلة النص، ثم يستخدم الدالة charCodeAt() للحصول على رمز Unicode لهذا الحرف. النتائج تعرض في الصفحة باستخدام عنصر HTML معرف بـ “output”.
مثال شامل في صفحة ويب عن:طول السلسلة:
لتوضيح كيفية الحصول على طول سلسلة النص في صفحة ويب باستخدام HTML وJavaScript، يمكننا إجراء تعديل بسيط على المثال السابق. في هذا المثال، سنعرض طول السلسلة ونستخدمه في تحليل النص. يمكنك اتباع الخطوات التالية:
قم بتعديل ملف HTML ليبدو كالتالي:
html
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مثال على طول السلسلة في جافا سكريبت</title>
</head>
<body>
<h1>طول السلسلة في جافا سكريبت</h1>
<p id="output"></p>
<script>
// جافا سكريبت للحصول على طول السلسلة
let myString = 'مرحبًا بك في جافا سكريبت';
let length = myString.length;
// عرض النتيجة في الصفحة
document.getElementById('output').innerHTML = `
النص: ${myString}<br>
طول السلسلة: ${length} حرف
`;
</script>
</body>
</html>
قم بفتح الملف HTML في متصفح الويب الخاص بك. سيظهر النص “النص: مرحبًا بك في جافا سكريبت” و”طول السلسلة: 21 حرف”، حيث تم حساب طول سلسلة النص وعرضه على الصفحة.
هذا المثال يستخدم خاصية length للحصول على طول سلسلة النص، ويعرض النتيجة على الصفحة باستخدام عنصر HTML معرف بـ “output”.
مثال شامل في صفحة ويب عن:الانضمام بين السلاسل:
لتوضيح كيفية دمج (الانضمام) بين سلاسل النص في صفحة ويب باستخدام HTML وJavaScript، يمكننا إجراء تعديل على المثال السابق. في هذا المثال، سنقوم بدمج سلسلتين نصيتين وعرض النتيجة. يمكنك اتباع الخطوات التالية:
قم بتعديل ملف HTML ليبدو كالتالي:
html
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مثال على الانضمام إلى السلاسل في جافا سكريبت</title>
</head>
<body>
<h1>الانضمام إلى السلاسل في جافا سكريبت</h1>
<p id="output"></p>
<script>
// جافا سكريبت لدمج (الانضمام) بين السلاسل
let firstString = 'مرحبًا';
let secondString = 'بك في جافا سكريبت';
let combinedString = firstString + ' ' + secondString;
// عرض النتيجة في الصفحة
document.getElementById('output').innerHTML = `
السلسلة الأولى: ${firstString}<br>
السلسلة الثانية: ${secondString}<br>
النتيجة المدموجة: ${combinedString}
`;
</script>
</body>
</html>قم بفتح الملف HTML في متصفح الويب الخاص بك. سيظهر النص “السلسلة الأولى: مرحبًا”، “السلسلة الثانية: بك في جافا سكريبت”، و”النتيجة المدموجة: مرحبًا بك في جافا سكريبت”، حيث تم دمج السلسلتين وعرض النتيجة على الصفحة.
هذا المثال يستخدم عامل الجمع (+) لدمج (الانضمام) بين السلاسل، ويقوم بعرض النتيجة على الصفحة باستخدام عنصر HTML معرف بـ “output”.
مثال شامل في صفحة ويب عن:تعديل السلاسل:
لتوضيح كيفية تعديل سلاسل النص في صفحة ويب باستخدام HTML وJavaScript، يمكننا إجراء تعديل بسيط على المثال السابق. في هذا المثال، سنقوم بتحويل النص إلى حروف كبيرة وعرض النتيجة. يمكنك اتباع الخطوات التالية:
قم بتعديل ملف HTML ليبدو كالتالي:
html
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مثال على تعديل السلاسل في جافا سكريبت</title>
</head>
<body>
<h1>تعديل السلاسل في جافا سكريبت</h1>
<p id="output"></p>
<script>
// جافا سكريبت لتعديل السلسلة
let myString = 'مرحبًا بك في جافا سكريبت';
let upperCaseString = myString.toUpperCase();
// عرض النتيجة في الصفحة
document.getElementById('output').innerHTML = `
السلسلة الأصلية: ${myString}<br>
السلسلة بحروف كبيرة: ${upperCaseString}
`;
</script>
</body>
</html>قم بفتح الملف HTML في متصفح الويب الخاص بك. سيظهر النص “السلسلة الأصلية: مرحبًا بك في جافا سكريبت” و”السلسلة بحروف كبيرة: مرحبًا بك في جافا سكريبت”، حيث تم تحويل السلسلة إلى حروف كبيرة وعرض النتيجة على الصفحة.
هذا المثال يستخدم الدالة toUpperCase() لتحويل السلسلة إلى حروف كبيرة، ويعرض النتيجة على الصفحة باستخدام عنصر HTML معرف بـ “output”.
مثال شامل في صفحة ويب عن:بحث عن النصوص:
لتوضيح كيفية البحث عن نص داخل سلسلة النص في صفحة ويب باستخدام HTML وJavaScript، يمكننا إجراء تعديل بسيط على المثال السابق. في هذا المثال، سنستخدم الدالة indexOf() للبحث عن كلمة معينة في السلسلة. يمكنك اتباع الخطوات التالية:
قم بتعديل ملف HTML ليبدو كالتالي:
html
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مثال على البحث في السلاسل في جافا سكريبت</title>
</head>
<body>
<h1>البحث في السلاسل في جافا سكريبت</h1>
<p id="output"></p>
<script>
// جافا سكريبت للبحث في السلسلة
let myString = 'مرحبًا بك في جافا سكريبت';
let searchTerm = 'بك';
// البحث في السلسلة
let searchResult = myString.indexOf(searchTerm);
// عرض النتيجة في الصفحة
if (searchResult !== -1) {
document.getElementById('output').innerHTML = `
السلسلة الأصلية: ${myString}<br>
تم العثور على "${searchTerm}" في الموقع: ${searchResult}
`;
} else {
document.getElementById('output').innerHTML = `
السلسلة الأصلية: ${myString}<br>
"${searchTerm}" غير موجود في السلسلة
`;
}
</script>
</body>
</html>
قم بفتح الملف HTML في متصفح الويب الخاص بك. ستظهر النص “السلسلة الأصلية: مرحبًا بك في جافا سكريبت” و”تم العثور على “بك” في الموقع: 11″، حيث تم العثور على الكلمة “بك” في الموقع 11 في سلسلة النص، ويتم عرض النتيجة على الصفحة. في حالة عدم العثور على النص، سيتم عرض رسالة تشير إلى عدم وجود النص في السلسلة.
مثال شامل في صفحة ويب عن:استخدام القواعد النوعية:
لتوضيح كيفية استخدام القواعد النوعية (Unicode) في صفحة ويب باستخدام HTML وJavaScript، يمكننا إجراء تعديل بسيط على المثال السابق. في هذا المثال، سنستخدم الدالة charCodeAt() للحصول على رمز Unicode لحرف معين في سلسلة النص وعرض النتيجة. يمكنك اتباع الخطوات التالية:
قم بتعديل ملف HTML ليبدو كالتالي:
html
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مثال على استخدام القواعد النوعية في جافا سكريبت</title>
</head>
<body>
<h1>استخدام القواعد النوعية في جافا سكريبت</h1>
<p id="output"></p>
<script>
// جافا سكريبت لاستخدام القواعد النوعية
let myString = 'مرحبًا بك في جافا سكريبت';
let indexToCheck = 3;
// الحصول على رمز Unicode للحرف في الموقع المحدد
let unicode = myString.charCodeAt(indexToCheck);
// عرض النتيجة في الصفحة
document.getElementById('output').innerHTML = `
السلسلة الأصلية: ${myString}<br>
الحرف في الموقع ${indexToCheck}: ${myString[indexToCheck]}<br>
رمز Unicode: ${unicode}
`;
</script>
</body>
</html>قم بفتح الملف HTML في متصفح الويب الخاص بك. سيظهر النص “السلسلة الأصلية: مرحبًا بك في جافا سكريبت” و”الحرف في الموقع 3: ح” و”رمز Unicode: 1607″، حيث تم الحصول على رمز Unicode للحرف في الموقع 3 في سلسلة النص، ويتم عرض النتيجة على الصفحة.
مثال شامل عن:استخدام القطع النصية:
لتوضيح كيفية استخدام القطع النصية في صفحة ويب باستخدام HTML وJavaScript، يمكننا إجراء تعديل بسيط على المثال السابق. في هذا المثال، سنستخدم الدالة substring() لاستخراج جزء من سلسلة النص وعرض النتيجة. يمكنك اتباع الخطوات التالية:
قم بتعديل ملف HTML ليبدو كالتالي:
html
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مثال على استخدام القطع النصية في جافا سكريبت</title>
</head>
<body>
<h1>استخدام القطع النصية في جافا سكريبت</h1>
<p id="output"></p>
<script>
// جافا سكريبت لاستخدام القطع النصية
let myString = 'مرحبًا بك في جافا سكريبت';
let start = 7;
let end = 15;
// استخراج الجزء من الموقع 7 إلى 15
let substring = myString.substring(start, end);
// عرض النتيجة في الصفحة
document.getElementById('output').innerHTML = `
السلسلة الأصلية: ${myString}<br>
الجزء المستخرج: ${substring}
`;
</script>
</body>
</html>قم بفتح الملف HTML في متصفح الويب الخاص بك. سيظهر النص “السلسلة الأصلية: مرحبًا بك في جافا سكريبت” و”الجزء المستخرج: بك في جا”، حيث تم استخراج الجزء من الموقع 7 إلى 15 في سلسلة النص، ويتم عرض النتيجة على الصفحة.
مثال شامل في صفحة ويب عن:تقسيم النص:
لتوضيح كيفية تقسيم سلسلة النص في صفحة ويب باستخدام HTML وJavaScript، يمكننا إجراء تعديل بسيط على المثال السابق. في هذا المثال، سنستخدم الدالة split() لتقسيم النص إلى مصفوفة من الكلمات وعرض النتيجة. يمكنك اتباع الخطوات التالية:
قم بتعديل ملف HTML ليبدو كالتالي:
html
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مثال على تقسيم النص في جافا سكريبت</title>
</head>
<body>
<h1>تقسيم النص في جافا سكريبت</h1>
<p id="output"></p>
<script>
// جافا سكريبت لتقسيم النص
let myString = 'مرحبًا بك في جافا سكريبت';
// تقسيم النص إلى مصفوفة من الكلمات
let wordsArray = myString.split(' ');
// عرض النتيجة في الصفحة
document.getElementById('output').innerHTML = `
السلسلة الأصلية: ${myString}<br>
المصفوفة بعد التقسيم: [${wordsArray.join(', ')}]
`;
</script>
</body>
</html>قم بفتح الملف HTML في متصفح الويب الخاص بك. سيظهر النص “السلسلة الأصلية: مرحبًا بك في جافا سكريبت” و”المصفوفة بعد التقسيم: [مرحبًا, بك, في, جافا, سكريبت]”، حيث تم تقسيم النص إلى مصفوفة من الكلمات ويتم عرض النتيجة على الصفحة.
مثال شامل في صفحة ويب عن:استبدال النصوص:
لتوضيح كيفية تعويض النصوص في صفحة ويب باستخدام HTML وJavaScript، يمكننا إجراء تعديل بسيط على المثال السابق. في هذا المثال، سنستخدم الدالة replace() لتعويض واستبدال نص معين بنص آخر وعرض النتيجة. يمكنك اتباع الخطوات التالية:
قم بتعديل ملف HTML ليبدو كالتالي:
html
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مثال على تعويض النص في جافا سكريبت</title>
</head>
<body>
<h1>تعويض النص في جافا سكريبت</h1>
<p id="output"></p>
<script>
// جافا سكريبت لتعويض النص
let myString = 'مرحبًا بك في جافا سكريبت';
let replacedString = myString.replace('مرحبًا', 'مساء الخير');
// عرض النتيجة في الصفحة
document.getElementById('output').innerHTML = `
السلسلة الأصلية: ${myString}<br>
النص المستبدل: ${replacedString}
`;
</script>
</body>
</html>قم بفتح الملف HTML في متصفح الويب الخاص بك. سيظهر النص “السلسلة الأصلية: مرحبًا بك في جافا سكريبت” و”النص المستبدل: مساء الخير بك في جافا سكريبت”، حيث تم تعويض النص “مرحبًا” بـ “مساء الخير” ويتم عرض النتيجة على الصفحة.
تطبيق على هذا الدرس مع الشرح
هاكم كود بسيط لتطبيق ويب يستخدم الأمثلة التي تم توضيحها في الدروس السابقة. سنقوم بإنشاء تطبيق بسيط يستخدم HTML وJavaScript لتطبيق مفاهيم تعامل مع السلاسل. في هذا المثال، سنقوم بتحليل سلسلة نصية ونقدم واجهة بسيطة للمستخدم.
أنشئ ملف HTML بإسم “index.html”:
html
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>تطبيق معالجة السلاسل</title>
<style>
body {
font-family: 'Arial', sans-serif;
text-align: center;
margin: 50px;
}
#inputText, #searchTerm, #substringStart, #substringEnd {
margin-bottom: 10px;
}
button {
padding: 8px 15px;
font-size: 16px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>تطبيق معالجة السلاسل</h1>
<label for="inputText">أدخل النص:</label>
<input type="text" id="inputText">
<br>
<label for="searchTerm">كلمة البحث:</label>
<input type="text" id="searchTerm">
<br>
<label for="substringStart">بداية القطعة:</label>
<input type="number" id="substringStart">
<label for="substringEnd">نهاية القطعة:</label>
<input type="number" id="substringEnd">
<br>
<button onclick="processStrings()">معالجة السلاسل</button>
<h2>النتيجة:</h2>
<p id="output"></p>
<script>
function processStrings() {
let inputText = document.getElementById('inputText').value;
let searchTerm = document.getElementById('searchTerm').value;
let substringStart = parseInt(document.getElementById('substringStart').value);
let substringEnd = parseInt(document.getElementById('substringEnd').value);
let searchResult = inputText.indexOf(searchTerm);
let substringResult = inputText.substring(substringStart, substringEnd);
document.getElementById('output').innerHTML = `
النص الأصلي: ${inputText}<br>
تم العثور على "${searchTerm}" في الموقع: ${searchResult !== -1 ? searchResult : 'غير موجود'}<br>
الجزء المستخرج: ${isNaN(substringResult) ? 'غير صالح' : substringResult}
`;
}
</script>
</body>
</html>قم بفتح ملف “index.html” في متصفح الويب الخاص بك. ستظهر واجهة
المستخدم البسيطة حيث يمكنك إدخال نص وكلمة بحث ونطاق لقطعة النص، ثم اضغط على زر “معالجة السلاسل”. ستظهر النتيجة تحت الزر.
هذا تطبيق بسيط يستخدم الأمثلة التي تم شرحها في الأمثلة السابقة. يمكنك توسيعه وتحسينه حسب احتياجاتك.
اختيار من متعدد عن هذا الدرس مع الشرح
يمكننا إنشاء كويز بسيط حول درس معالجة السلاسل في جافا سكريبت. فيما يلي مثال على كويز اختيار من متعدد:
سؤال 1: ما هو طول السلسلة في الكود التالي؟
javascript
let myString = “مرحبًا بك في عالم البرمجة”;
let length = myString.length;
أ) 25
ب) 20
ج) 22
د) 18
سؤال 2: في الكود التالي، ما هي النتيجة بعد استخدام الدالة toUpperCase()؟
javascript
let myString = “Hello, World!”;
let result = myString.toUpperCase();
أ) “HELLO, WORLD!”
ب) “hello, world!”
ج) “Hello, World!”
د) “hello, world!”
سؤال 3: في الكود التالي، ما هي النتيجة بعد استخدام الدالة replace()؟
javascript
let myString = “تعلم البرمجة ممتع!”;
let result = myString.replace(“ممتع”, “رائع”);
أ) “تعلم البرمجة رائع!”
ب) “تعلم البرمجة ممتع!”
ج) “تعلم البرمجة رائع! ممتع!”
د) “تعلم البرمجة رائع! ممتع”
سؤال 4: في الكود التالي، ما هو الناتج بعد استخدام الدالة split()؟
javascript
let myString = “جافا,سكريبت,تعلم”;
let result = myString.split(“,”);
أ) [“جافا”, “سكريبت”, “تعلم”]
ب) “جافا,سكريبت,تعلم”
ج) [“جافا”, “سكريبت تعلم”]
د) “جافا سكريبت تعلم”
سؤال 5: في الكود التالي، ما هو الناتج بعد استخدام الدالة substring()؟
javascript
let myString = “مرحبًا بك في عالم البرمجة”;
let result = myString.substring(7, 12);
أ) “بك في ع”
ب) “بك في عالم”
ج) “بك في عال”
د) “بك في عالم ال”
الإجابات الصحيحة:
ب) 20
أ) “HELLO, WORLD!”
أ) “تعلم البرمجة رائع!”
أ) [“جافا”, “سكريبت”, “تعلم”]
ب) “بك في عالم”
شرح:
الجواب الصحيح يأتي من استخدام خاصية length للسلسلة.
الدالة toUpperCase() تحول جميع الحروف في السلسلة إلى حروف كبيرة.
الدالة replace() تستبدل النص المحدد بنص آخر في السلسلة.
الدالة split() تقسم السلسلة إلى مصفوفة باستخدام فاصل محدد.
الدالة substring() تستخرج جزء محدد من السلسلة بناءً على المواقع المحددة.