طرق سلسلة جافا سكريبت
تساعدك طرق السلاسل على التعامل مع السلاسل.
طرق وخصائص السلاسل
لا يمكن أن تحتوي القيم الأولية ، مثل "John Doe" ، على خصائص أو طرق (لأنها ليست كائنات).
ولكن باستخدام JavaScript ، تتوفر أيضًا الأساليب والخصائص للقيم الأولية ، لأن JavaScript يتعامل مع القيم الأولية ككائنات عند تنفيذ الأساليب والخصائص.
طول سلسلة جافا سكريبت
تقوم length
الخاصية بإرجاع طول السلسلة:
مثال
let txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = txt.length;
استخراج أجزاء السلسلة
هناك ثلاث طرق لاستخراج جزء من السلسلة:
slice(start, end)
substring(start, end)
substr(start, length)
شريحة سلسلة JavaScript ()
slice()
يستخرج جزءًا من سلسلة ويعيد الجزء المستخرج في سلسلة جديدة.
تأخذ الطريقة معلمتين: موضع البداية ، وموضع النهاية (غير متضمن).
يقطع هذا المثال جزءًا من سلسلة من الموضع 7 إلى الموضع 12 (13-1):
مثال
let str = "Apple, Banana, Kiwi";
let part = str.slice(7, 13);
ملحوظة
يحسب JavaScript المواضع من الصفر.
المركز الأول هو 0.
المركز الثاني هو 1.
إذا كانت المعلمة سالبة ، يتم حساب الموضع من نهاية السلسلة.
يقطع هذا المثال جزءًا من سلسلة من الموضع -12 إلى الموضع -6:
مثال
let str = "Apple, Banana, Kiwi";
let part = str.slice(-12, -6);
إذا حذفت المعامل الثاني ، فإن الطريقة ستقطع بقية السلسلة:
مثال
let part = str.slice(7);
أو العد من النهاية:
مثال
let part = str.slice(-12);
سلسلة فرعية لسلسلة JavaScript ()
substring()
مشابه لـ slice()
.
الاختلاف هو أنه substring()
لا يمكن قبول الفهارس السالبة.
مثال
let str = "Apple, Banana, Kiwi";
let part = str.substring(7, 13);
إذا حذفت المعامل الثاني ، substring()
فسوف يقطع بقية السلسلة.
سلسلة فرعية JavaScript String ()
substr()
مشابه لـ slice()
.
الفرق هو أن المعلمة الثانية تحدد طول الجزء المستخرج.
مثال
let str = "Apple, Banana, Kiwi";
let part = str.substr(7, 6);
إذا حذفت المعامل الثاني ، substr()
فسوف يقطع بقية السلسلة.
مثال
let str = "Apple, Banana, Kiwi";
let part = str.substr(7);
إذا كانت المعلمة الأولى سالبة ، يتم احتساب الموضع من نهاية السلسلة.
مثال
let str = "Apple, Banana, Kiwi";
let part = str.substr(-4);
استبدال محتوى السلسلة
يستبدل الأسلوب replace()
قيمة محددة بقيمة أخرى في سلسلة:
مثال
let text = "Please visit Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");
ملحوظة
الطريقة replace()
لا تغير السلسلة التي تم استدعاؤها عليها.
الطريقة ترجع replace()
سلسلة جديدة.
بشكل افتراضي ، replace()
تستبدل الطريقة المطابقة الأولى فقط :
مثال
let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace("Microsoft", "W3Schools");
بشكل افتراضي ، تكون replace()
الطريقة حساسة لحالة الأحرف. لن تعمل كتابة MICROSOFT (بالأحرف الكبيرة):
مثال
let text = "Please visit Microsoft!";
let newText = text.replace("MICROSOFT", "W3Schools");
لاستبدال غير متحسس لحالة الأحرف ، استخدم تعبيرًا عاديًا بعلامة /i
(غير حساس):
مثال
let text = "Please visit Microsoft!";
let newText = text.replace(/MICROSOFT/i, "W3Schools");
ملحوظة
التعبيرات العادية مكتوبة بدون علامات اقتباس.
لاستبدال جميع التطابقات ، استخدم تعبيرًا عاديًا بعلامة /g
(مطابقة عامة):
مثال
let text = "Please visit Microsoft and Microsoft!";
let newText = text.replace(/Microsoft/g, "W3Schools");
ملحوظة
سوف تتعلم المزيد عن التعبيرات العادية في فصل JavaScript Regular Expressions .
التحويل إلى الأحرف الكبيرة والصغيرة
يتم تحويل السلسلة إلى أحرف كبيرة باستخدام toUpperCase()
:
يتم تحويل السلسلة إلى أحرف صغيرة باستخدام toLowerCase()
:
سلسلة JavaScript toUpperCase ()
مثال
let text1 = "Hello World!";
let text2 = text1.toUpperCase();
سلسلة JavaScript toLowerCase ()
مثال
let text1 = "Hello World!"; // String
let text2 = text1.toLowerCase(); // text2 is text1
converted to lower
سلسلة سلسلة JavaScript concat ()
concat()
ينضم إلى سلسلتين أو أكثر:
مثال
let text1 = "Hello";
let text2 = "World";
let text3 = text1.concat(" ", text2);
يمكن concat()
استخدام الطريقة بدلاً من عامل الجمع. هذين السطرين يفعلان الشيء نفسه:
مثال
text = "Hello" + " " + "World!";
text = "Hello".concat(" ", "World!");
ملحوظة
جميع طرق السلسلة ترجع سلسلة جديدة. لا يقومون بتعديل السلسلة الأصلية.
قال رسميًا:
السلاسل غير قابلة للتغيير: لا يمكن تغيير السلاسل ، بل استبدالها فقط.
تقليم سلسلة JavaScript ()
تزيل الطريقة trim()
المسافة البيضاء من جانبي السلسلة:
مثال
let text1 = " Hello World! ";
let text2 = text1.trim();
حشوة سلسلة جافا سكريبت
أضاف ECMAScript 2017 طريقتين للسلسلة: padStart
ودعم padEnd
الحشو في بداية السلسلة ونهايتها.
لوحة سلسلة جافا سكريبت
مثال
let text = "5";
let padded = text.padStart(4,0);
دعم المتصفح
padStart()
هي إحدى ميزات ECMAScript 2017.
وهي مدعومة في جميع المتصفحات الحديثة:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
padStart()
غير مدعوم في Internet Explorer.
لوحة سلسلة جافا سكريبت End ()
مثال
let text = "5";
let padded = text.padEnd(4,0);
دعم المتصفح
padEnd()
هي إحدى ميزات ECMAScript 2017.
وهي مدعومة في جميع المتصفحات الحديثة:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
padEnd()
غير مدعوم في Internet Explorer.
استخراج أحرف السلسلة
هناك 3 طرق لاستخراج أحرف السلسلة:
charAt(position)
charCodeAt(position)
- الوصول إلى الممتلكات []
أحرف سلسلة جافا سكريبت ()
تُرجع charAt()
الطريقة الحرف في فهرس (موضع) محدد في سلسلة:
مثال
let text = "HELLO WORLD";
let char = text.charAt(0);
سلسلة JavaScript charCodeAt ()
تقوم charCodeAt()
الطريقة بإرجاع رمز unicode للحرف عند فهرس محدد في سلسلة نصية:
تقوم الطريقة بإرجاع رمز UTF-16 (عدد صحيح بين 0 و 65535).
مثال
let text = "HELLO WORLD";
let char = text.charCodeAt(0);
الوصول إلى الممتلكات
يسمح ECMAScript 5 (2009) بالوصول إلى الخاصية [] على السلاسل:
مثال
let text = "HELLO WORLD";
let char = text[0];
ملحوظة
قد يكون الوصول إلى الممتلكات غير متوقع بعض الشيء:
- يجعل السلاسل تبدو مثل المصفوفات (لكنها ليست كذلك)
- If no character is found, [ ] returns undefined, while charAt() returns an empty string.
- It is read only. str[0] = "A" gives no error (but does not work!)
Example
let text = "HELLO WORLD";
text[0] = "A"; // Gives no error, but does not work
Converting a String to an Array
If you want to work with a string as an array, you can convert it to an array.
JavaScript String split()
A string can be converted to an array with the split()
method:
Example
text.split(",") // Split on commas
text.split(" ") // Split on spaces
text.split("|") // Split on pipe
If the separator is omitted, the returned array will contain the whole string in index [0].
If the separator is "", the returned array will be an array of single characters:
Example
text.split("")
Complete String Reference
For a complete String reference, go to our:
Complete JavaScript String Reference.
The reference contains descriptions and examples of all string properties and methods.