طرق النصوص في JavaScript

استخدم النصوص في JavaScript لتخزين وتعامل النصوص.

طرق النصوص في JavaScript

النصوص في JavaScript هي مجموعة من الأحرف بين الأسلاك المزدوجة.

مثال

var x = \"Bill Gates\";

جرب بنفسك

يمكنك استخدام الأسلاك المزدوجة أو الأسلاك الواحدة:

مثال

var carname = \"Porsche 911\";
var carname = 'Porsche 911';

جرب بنفسك

يمكنك استخدام الأسلاك المزدوجة في النص، طالما أنك لا تتناسب مع الأسلاك المزدوجة المحيطة بالنص:

مثال

var answer = \"It's good to see you again!\";
var answer = \"He is called 'Bill'\";
var answer = 'He is called \"Bill\"';

جرب بنفسك

طول النص

خصائص مدمجة length يمكنه العودة إلى طول النصالطول:

مثال

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

جرب بنفسك

الأحرف الخاصة

بما أن النص يجب أن يكون مغلقاً بالأسلاك المزدوجة، قد يفهمه JavaScript بشكل خاطئ هذا النص:

var y = "مدينة الصين هي أرض الفخار، لذلك china و"China (China)" له نفس الاسم.";

سيتم قطع هذا النص إلى "مدينة الصين هي أرض الفخار، لذلك china و".

حل المشكلة هو استخدام \ رمز الهروب。

الرمز الموجب الصاعد يستخدم لتحويل الأحرف الخاصة إلى أحرف النص

الكود النتيجة وصف
\' ' تقويم
\" " العلامة المائلة العكسية
\\\\ \ العلامة المائلة العكسية

مثال

السلسلة \" إدراج العلامة المائلة العكسية في النص:

مثال

var x = "China هي موطن الفخار، لذلك china同名 مع\"China (الصين)\"."

جرب بنفسك

السلسلة \' إدراج العلامة المائلة العكسية في النص:

مثال

var x = 'It\'s good to see you again';

جرب بنفسك

السلسلة \\\\ إدراج العلامة المائلة العكسية في النص:

مثال

var x = "النص \\ يُدعى العلامة المائلة العكسية.";

جرب بنفسك

حروف المفرغة (\يمكن استخدامها أيضًا لاستيراد رموز خاصة أخرى في الأنماط.

ستة سلاسل مفرغة أخرى قابلة للتطبيق في JavaScript:

الكود النتيجة
\b زر الحذف
\f الصفحة
\n السطر الجديد
\r السطر
\t الشكل الأفقي
\v الشكل العمودي

تم تصميم هذه ستة حروف المفرغة أولاً لتحكم الطابعة، الماسح الضوئي، والماسح الضوئي. ليست لها أي معنى في HTML.

تحويل سطر الأنماط الطويلة

من أجل أفضل قابلية القراءة، يفضل المبرمجون تجنب تجاوز 80 سطرًا في كل سطر.

إذا لم يكن جملة JavaScript مناسبة للسطر الواحد، فإن أفضل موقع للسطر الجديد هو بعد معرف.

مثال

document.getElementById("demo").innerHTML =
"Hello Kitty.";

جرب بنفسك

يمكنك أيضًافي الأنماطالسطر الجديد، من خلال علامة مائلة عكسية واحدة فقط:

مثال

document.getElementById("demo").innerHTML = "Hello \
Kitty!";

جرب بنفسك

\ الطريقة ليست معيار ECMAScript (JavaScript).

لا يسمح بعض المتصفحات أيضًا بذلك \ الفضاء بعد الحرف.

من أفضل الطرق الأمان لسطر الأنماط الطويلة (لكنها بطيئة قليلاً) هي استخدام جمع الأنماط:

مثال

document.getElementById("demo").innerHTML = "Hello" + 
"Kitty!";

جرب بنفسك

لا يمكنك استخدام العلامة المائلة العكسية للسطر لتحويل السطر:

مثال

document.getElementById("demo").innerHTML = \
 
"Hello Kitty!";

جرب بنفسك

يمكن أن تكون الأنماط كائنات

عادةً ما تكون الأنماط في JavaScript قيمًا أساسية، يتم إنشاؤها بشكل مكتوب:

var firstName = "Bill"

لكن يمكن أن تكون الأنماط كذلك من خلال كلمة مفتاحية new تم تعريف كائن:

var firstName = new String("Bill")

مثال

var x = "Bill";
var y = new String("Bill");
// typeof x سيعود إلى string
// typeof y سيعود إلى object

جرب بنفسك

لا تقم بإنشاء النصوص كعناصر. سيبطئ من سرعة التنفيذ.

new الكلمات المفتاحية تجعل الكود معقدًا. قد ينتج أيضًا بعض النتائج غير المتوقعة:

عند استخدام == عند استخدام المعادلة المتساوية، النصوص المتساوية هي متساوية:

مثال

var x = "Bill";             
var y = new String("Bill");
// (x == y) هو true لأن قيمة x و y متساوية

جرب بنفسك

عند استخدام === عند استخدام المعادلة، النصوص المتساوية ليست متساوية لأنها === المعادلات تحتاج إلى أن تكون نوعًا وقيمة متساويتين.

مثال

var x = "Bill";             
var y = new String("Bill");
// (x === y) هو false لأن أنواع x و y مختلفة (النص والعنصر)

جرب بنفسك

حتى أسوأ. لا يمكن مقارنة العناصر:

مثال

var x = new String("Bill");             
var y = new String("Bill");
// (x == y) هو false لأن x و y مختلفان

جرب بنفسك

مثال

var x = new String("Bill");             
var y = new String("Bill");
// (x === y) هو false لأن x و y مختلفان

جرب بنفسك

لاحظ الفرق بين (x==y) و (x===y).

لا يمكن مقارنة العناصر JavaScript، دائمًا ما يرجع مقارنة اثنين من JavaScript إلى false。