شرح استخدام النصوص في JavaScript

في هذا الدرس، سنستعرض كيفية التعامل مع النصوص في JavaScript، بما في ذلك استخدام الدوال الشائعة مثل `charAt`، `search`، `split`، و`trim`. سنوضح ذلك من خلال مثالين: التحقق من صحة البريد الإلكتروني وتخصيص أسماء المستخدمين.

 مثال 1: تخصيص اسم المستخدم

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

```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;
}

var email = 'alialanzan.online@gmail.com';
var 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) {
alert(error);
} else {
var endCut = email.search('@');
username = email.substr(0, endCut);
console.log(email);
username = customizeUsername(username);
alert('اسم المستخدم المخصص الخاص بك هو ' + username);
}
```

 شرح الكود

- `customizeUsername`: دالة تأخذ نصًا وتعيده بعد تخصيصه عن طريق إزالة الأحرف غير المرغوب فيها وتنسيقه.

**على سبيل المثال ، إذا كان لديك اسم مستخدم يحتوي على رموز غير مرغوب فيها، يمكنك استخدام هذه الدالة لتنظيفه وتنسيقه.
- `email.length < 11`: التحقق من طول البريد الإلكتروني.

**على سبيل المثال،** يجب أن يكون طول البريد الإلكتروني كافيًا ليكون صالحًا، ولذلك يتم التحقق من طوله.
- `email.split('@').length != 2`: التحقق من وجود علامة @ في البريد الإلكتروني.

لذلك يجب أن يحتوي البريد الإلكتروني على علامة @ واحدة فقط ليكون صحيحًا.
- `email.search(/[^A-z0-9\.\@\-]/) > -1`: البحث عن أحرف غير مسموح بها.

هكذا  يجب أن يحتوي البريد الإلكتروني على أحرف وأرقام ونقاط وعلامة @ وعلامات ناقص فقط، وأي أحرف أخرى تعتبر غير مسموح بها.
- `password.length < 8`: التحقق من طول كلمة المرور.

لذلك ، يجب أن تكون كلمة المرور طويلة بما يكفي لتوفير مستوى أمان مناسب، ولذلك يتم التحقق من أن طولها لا يقل عن 8 أحرف.
- `password !== password_confirmation`: التحقق من تطابق كلمة المرور مع تأكيدها.

**على سبيل المثال،** يجب أن تكون كلمة المرور متطابقة مع التأكيد لضمان أن المستخدم لم يرتكب خطأ أثناء كتابتها.

مثال 2: التحقق من صحة البريد الإلكتروني

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

```javascript
var email = `alialanzan.online@gmail.com`;
console.log(email.search(/[^A-z0-9\.\@\-]/));

var message = '';

if (email.search(/[^A-z0-9\.\@\-]/) > -1 || email.split('@').length != 2) {
message = 'يرجى التحقق من بريدك الإلكتروني';
} else {
message = 'البريد الإلكتروني صحيح';
}

alert(message);
```

 شرح الكود
- `email.search(/[^A-z0-9\.\@\-]/)`: البحث عن أحرف غير مسموح بها في البريد الإلكتروني.
- `email.split('@').length != 2`: التحقق من وجود علامة @ في البريد الإلكتروني.
- يتم عرض رسالة للمستخدم بناءً على نتيجة التحقق.

استخدام دوال النصوص

في المثالين السابقين، استخدمنا عدة دوال للتعامل مع النصوص:
- `trim()`: إزالة المسافات الفارغة من بداية ونهاية النص.
- `replace(needle, replace)`: استبدال جزء من النص بنص آخر.
- `toUpperCase()`: تحويل النص إلى أحرف كبيرة.
- `toLowerCase()`: تحويل النص إلى أحرف صغيرة.
- `charAt(index)`: الحصول على الحرف الموجود في موضع معين.
- `search(value)`: البحث عن موضع نص معين في النص.

تطبيق عملي

إليك تطبيق عملي يدمج بين تخصيص اسم المستخدم والتحقق من صحة البريد الإلكتروني:

```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;
}

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);
console.log(email);
username = customizeUsername(username);
console.log('اسم المستخدم المخصص الخاص بك هو ' + username);
}
```

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