هذا الدرس من الدورة التدريبية: تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
الدرس: السلاسل النصية Strings (الجزء الثاني )
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
الدوال الأساسية للسلاسل النصية
في جافا سكريبت، يمكننا التعامل مع السلاسل النصية بطرق متعددة باستخدام دوال متنوعة. في هذا الدرس، سنوضح بعض الدوال الأساسية مثل `charAt`، `search`، و`split` من خلال أمثلة عملية.
دالة `charAt`
تستخدم هذه الدالة للحصول على الحرف الموجود في موضع معين داخل السلسلة النصية.
```javascript
var string = 'Hello, World!';
console.log(string.charAt(0)); // 'H'
```
دالة `search`
تستخدم هذه الدالة للبحث عن قيمة معينة داخل السلسلة النصية وتعيد موضع القيمة أو -1 إذا لم يتم العثور عليها.
```javascript
var email = 'example@gmail.com';
console.log(email.search('@')); // 7
```
دالة `split`
تستخدم هذه الدالة لتقسيم السلسلة النصية إلى مصفوفة بناءً على فاصل محدد.
```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);
}
```
استخدام دوال أخرى مع السلاسل النصية
دالة `trim`
تستخدم لإزالة الفراغات من بداية ونهاية السلسلة النصية.
```javascript
var fullName = ' !@ Hello I\'m Ali@% @!*@# Alanzan #@#!#@ ';
var username = '';
if (fullName.length > 0) {
username = fullName.trim();
username = username.replace(/[^A-z0-9\-\.\ ]/g, '').replace(/\^/, '')
.trim().replace(/\ /g, '-').replace(/\--/g, '-');
username = username.toLowerCase();
alert('اسم المستخدم المخصص الخاص بك هو ' + username);
}
console.log(username.toUpperCase());
```
الخلاصة
في هذا الدرس، تعلمنا كيفية التعامل مع السلاسل النصية في جافا سكريبت باستخدام دوال متنوعة مثل `charAt`، `search`، `split`، و`trim`. كما تعلمنا كيفية التحقق من صحة البريد الإلكتروني وكلمة المرور، وإنشاء دالة لتخصيص اسم المستخدم عن طريق إزالة الأحرف غير المسموح بها واستبدال الفراغات بشرطات.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي السلاسل النصية Strings (الجزء الثاني )
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
الأوامر البرمجية المستخدمة
ملحقات ال PDF
الدروس والاختبارات لتعلم هذه الدورة التدريبية : تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript