النصوص هي التي يتم فيها فهم محتوى الكتابة فهي تشكل الكلام المكتوب الذي نقرأه الآن
وفي الجافا سكربت نتعامل مع النصوص بالنوع string
فلو عرفنا أي متغير من نوع string فسيتم التعامل مع برمجياً على أنه نص مكتوب حتى ولو كان عبارة عن رقم مثلا
var mystring = "140";
ويتم تعريف النص بكتابته بين علامة تنصيص مفردة ' أو زوجية "
كما يأخذ كل حرف في النص على موضع له index في المتغير النصي
مثلا لو كتبنا كلمة
var mystring = "alrawafed";
ثم أردنا الإستعلام عن موضع الحرف r بالكود التالي
mystring.indexOf("r");
فستكون النتيجة هي 2
نعم 2 لأن الحرف الأول في الكلمة يأخذ الموضع 0
حيث يبدأ العد للموضع index من الرقم صفر
ويكون ترتيب الأحرف كالتالي
|
a
|
l
|
r
|
a
|
w
|
a
|
f
|
e
|
d
|
|
0
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
يمكننا أخذ جزء من المتغيير النصي باستخدام الدالة substr أو ربط المتغيرين النصيين باستخدام الدالة concat
كما يجب أن تكون حذراً عند استخدام الرمز \ في الأحرف النصية إذ أنه له عدة دلالات وهي :
|
الرمز
|
البيان
|
|
\'
|
كتابة علامة تنصيص مفردة داخل الكلمة '
|
|
\"
|
كتابة علامة تنصيص زوجية داخل الكلمة "
|
|
\\
|
كتابة علامة \ داخل الكلمة
|
|
\n
|
الإنتقال لسطر جديد
|
|
\r
|
محو النص
|
|
\t
|
استخدام الزر Tab التنقل
|
ومن أهم الدوال التي يتم التعامل فيها مع النصوص هي
|
الدالة
|
البيان
|
|
indexOf()
|
تستخدم لمعرفة موضع حرف ما في النص
|
|
lastIndexOf()
|
لمعرفة آخر موضع للحرف المعطى في الكلمة
|
|
length()
|
طول الكلمة
|
|
concat()
|
لربط متغيرين نصيين ببعضهما
|
|
charAt()
|
لمعرفة الحرف الموجود في موضع معين
|
|
charCodeAt()
|
لمعرفة رقم الترميز العالمي Unicode لحرف ما في موضع معين
|
|
fromCharCode()
|
لتحويل الترميز العالمي Unicode المعطى إلى ما يقابله من حرف
|
|
localeCompare()
|
للمقارنة بين نصيين ( تعطي القيمة -1 إذا لم يتشابها و 0 إذا تطابقا تماما و 1 إذا كانت نفس الكلمة لكن ترتيب الأحرف متغير )
|
|
replace()
|
لاستبدال نص بنص آخر
|
|
search()
|
للبحث عن حرف معين وتعود لك برقم موضع ذلك الحرف
|
|
split()
|
لتقسيم الكلمة
|
|
substring()
|
لأخذ جزئ معين من نص حيث يتم إعطائها بداية ونهاية موضع النص المراد اخذه
|
|
toLowerCase()
|
للتحويل الحروف الإنجليزية إلى small
|
|
toUpperCase()
|
لتحويل الحروف الإنجليزية إلى capital
|
|
toString()
|
لتحويل المتغير إلى نص مثلا لتحويل متغير تم تعريفه على أنه رقم int إلى نص
|
دعنا الآن نقوم نطبق بعض تلك الدوال على النصوص
- افتح برنامج المفكرة لديك أو أي برنامج لتحرير كود الجافا سكربت
- اكتب الكود التالي :
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>الدرس السابع عشر التعامل مع النصوص</title>
</head>
<body dir="rtl">
<h2>الدالة indexOf </h2>
<p id="r1"></p>
<h2>الدالة lastIndexOf </h2>
<p id="r2"></p>
<h2>الدالة length </h2>
<p id="r3"></p>
<h2>الدالة concat </h2>
<p id="r4"></p>
<h2>الدالة charAt </h2>
<p id="r5"></p>
<h2>الدالة charCodeAt </h2>
<p id="r6"></p>
<h2>الدالة fromCharCode </h2>
<p id="r7"></p>
<h2>الدالة localeCompare </h2>
<p id="r8"></p>
<h2>الدالة replace </h2>
<p id="r9"></p>
<h2>الدالة search </h2>
<p id="r10"></p>
<h2>الدالة toLowerCase </h2>
<p id="r11"></p>
<h2>الدالة toUpperCase </h2>
<p id="r12"></p>
<script>
var firstString = "alrawafed";
var SecondString = "INTERNATIONAL";
document.getElementById("r1").innerHTML = firstString.indexOf("r");
document.getElementById("r2").innerHTML = firstString.lastIndexOf("a");
document.getElementById("r3").innerHTML = firstString.length;
document.getElementById("r4").innerHTML = firstString.concat(SecondString);
document.getElementById("r5").innerHTML = firstString.charAt(4);
document.getElementById("r6").innerHTML = firstString.charCodeAt(4);
document.getElementById("r7").innerHTML = String.fromCharCode(67);
document.getElementById("r8").innerHTML = firstString.localeCompare(SecondString);
document.getElementById("r9").innerHTML = firstString.replace("fed","feed");
document.getElementById("r10").innerHTML = firstString.search("W");
document.getElementById("r11").innerHTML = SecondString.toLowerCase(SecondString);
document.getElementById("r12").innerHTML = firstString.toUpperCase(firstString);
</script>
</body>
</html>
- الآن احفظ الملف بتنسيق صفحة ويب .html ثم افتح الملف في المتصفح لديك