السلاسل النصية Strings (الجزء الاول )

الدرس: السلاسل النصية Strings (الجزء الاول )

المدة: 5 دقائق

وصف الدرس

في هذا الدرس، سنتعلم كيفية التعامل مع السلاسل النصية (Strings) في جافا سكريبت من خلال أمثلة عملية. كما سنستخدم دوال مختلفة لتعديل ومعالجة النصوص، ايضاً سنتعرف على كيفية التحقق من صحة البريد الإلكتروني وكلمة المرور، بالإضافة إلى إنشاء اسم مستخدم مخصص.

 إنشاء السلاسل النصية واستخدام الدوال المختلفة


في جافا سكريبت، يمكننا إنشاء السلاسل النصية بطرق متعددة واستخدام دوال مختلفة لمعالجتها. لنبدأ بإنشاء سلسلة نصية واستخدام بعض الدوال الأساسية.
 الدوال الأساسية للسلاسل النصية

- charAt(index): يعيد الحرف في الموضع المحدد.
```javascript
var string = 'Hello, World!';
console.log(string.charAt(0)); // 'H'
```

- search(value): يبحث عن القيمة المحددة داخل السلسلة النصية ويعيد موضعها أو -1 إذا لم يتم العثور عليها.
```javascript
var email = 'example@gmail.com';
console.log(email.search('@')); // 7
```

- split(separator): يقسم السلسلة النصية إلى مصفوفة استنادًا إلى الفاصل المحدد.
```javascript
var email = 'example@gmail.com';
console.log(email.split('@')); // ['example', 'gmail.com']
```
 التحقق من صحة البريد الإلكتروني وكلمة المرور

كما يمكننا التحقق من صحة البريد الإلكتروني وكلمة المرور وذلك باستخدام دوال السلاسل النصية والتحقق من الأنماط (regex).

```javascript
var email = 'alialanzan.online@gmail.com',
username = '',
error = false,
password = '123123Abfd',
password_confirmation = '123123Abfd';

if (email.length < 11 || email.split('@').length != 2) {
error = 'تحقق من بريدك الإلكتروني';
} else if (email.search(/[^A-z0-9\.\@\-]/) > -1) {
error = 'الحرف (' + email.charAt(email.search(/[^A-z0-9\.\@\-]/)) + ') غير مسموح';
} else if (password.length < 8) {
error = 'يجب أن تكون كلمة المرور أكبر من أو تساوي 8 أحرف';
} else if (password !== password_confirmation) {
error = 'كلمة المرور لا تتطابق مع تأكيد كلمة المرور';
}

if (error != false) {
alert(error);
} else {
var endCut = email.search('@');
username = email.substr(0, endCut);
username = customizeUsername(username);
alert('اسم المستخدم المخصص الخاص بك هو ' + username);
}
```
 دالة تخصيص اسم المستخدم

حيث ان الدالة التالية تقوم بتخصيص اسم المستخدم وذلك عن طريق إزالة الأحرف غير المسموح بها واستبدال الفراغات بشرطات.

```javascript
function customizeUsername(string) {
var username = string.trim();
username = username.replace(/[^A-z0-9\-\.\ ]/g, '').replace(/\^/, '')
.trim().replace(/\ /g, '-').replace(/\--/g, '-');
username = username.toLowerCase();
return username;
}
```
 مثال كامل لتحقق من صحة البريد الإلكتروني وتخصيص اسم المستخدم

فيما يلي مثال كامل يتضمن التحقق من صحة البريد الإلكتروني وكلمة المرور، وكذلك تخصيص اسم المستخدم.

```javascript
var email = prompt('ما هو بريدك الإلكتروني؟'),
username = '';

if (email.length < 1 || email.search(/[^A-z0-9\.\@\-]/) > -1 || email.split('@').length != 2) {
alert('يرجى التحقق من بريدك الإلكتروني');
} else {
var endCut = email.search('@');
username = email.substr(0, endCut);
username = customizeUsername(username);
console.log('اسم المستخدم المخصص الخاص بك هو ' + username);
}
```
الخلاصة

في النهاية تعلمنا في هذا الدرس كيفية التعامل مع السلاسل النصية في جافا سكريبت وذلك باستخدام دوال مختلفة على سبيل المثال`charAt`، `search`، و`split`. كما تعلمنا كيفية التحقق من صحة البريد الإلكتروني وايضاً كلمة المرور، بالإضافة إلى إنشاء دالة لتخصيص اسم المستخدم عن طريق إزالة الأحرف غير المسموح بها واستبدال الفراغات بشرطات.

الفيديوهات

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات

فيديو الدرس التعليمي السلاسل النصية Strings (الجزء الاول )

المصادر

سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر

الأوامر البرمجية المستخدمة

ملحقات ال PDF

الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript

has been added to the cart. View Cart