شبيبة تعليمي

شبيبة المنزل مقدمة شبيبة شبيبة إلى أين إخراج JS بيانات شبيبة بناء جملة JS تعليقات JS متغيرات JS JS Let شبيبة كونست مشغلي JS شبيبة الحساب احالة JS أنواع بيانات JS وظائف JS كائنات JS أحداث شبيبة سلاسل شبيبة طرق سلسلة JS بحث سلسلة JS JS String Templates أرقام شبيبة طرق عدد JS صفيفات JS طرق صفيف JS ترتيب صفيف JS تكرار صفيف JS JS Array Const تواريخ شبيبة تنسيقات التاريخ JS طرق الحصول على تاريخ JS طرق تعيين تاريخ JS شبيبة الرياضيات شبيبة عشوائية شبيبة منطقية مقارنات شبيبة شروط JS مفتاح JS JS Loop For JS Loop For In. شبيبة حلقة JS لـ Of شبيبة حلقة بينما شبيبة استراحة شبيبة تكرارات مجموعات JS خرائط شبيبة شبيبة تايبوف JS نوع التحويل شبيبة Bitwise JS RegExp أخطاء JS شبيبة النطاق رفع JS وضع JS الصارم شبيبة هذه الكلمة دالة سهم JS فئات JS شبيبة شبيبة تصحيح أخطاء JS دليل أسلوب JS أفضل ممارسات JS أخطاء JS أداء JS شبيبة الكلمات المحجوزة

إصدارات JS

إصدارات JS JS 2009 (ES5) شبيبة 2015 (ES6) شبيبة 2016 شبيبة 2017 شبيبة 2018 شبيبة آي إي / إيدج تاريخ شبيبة

كائنات JS

تعريفات الكائن خصائص الموضوع طرق الكائن عرض الكائن موصلي الكائنات منشئو الكائنات نماذج الكائن كائن تكرارات مجموعات الكائن خرائط الكائن مرجع الكائن

وظائف JS

تعريفات الوظائف معلمات الوظيفة استدعاء الوظيفة استدعاء الوظيفة تطبيق الوظيفة عمليات إغلاق الوظائف

فئات JS

مقدمة عن الفصل الوراثة الطبقية فئة ثابتة

شبيبة آسينك

عمليات الاسترجاعات JS شبيبة غير متزامن وعود شبيبة شبيبة Async / انتظار

JS HTML DOM

مقدمة DOM طرق DOM مستند DOM عناصر DOM DOM HTML نماذج DOM DOM CSS الرسوم المتحركة DOM أحداث DOM مستمع أحداث DOM التنقل في DOM عقد DOM مجموعات DOM قوائم عقدة DOM

متصفح JS BOM

نافذة JS شاشة JS موقع JS تاريخ شبيبة شبيبة ملاح تنبيه منبثق لـ JS توقيت شبيبة ملفات تعريف الارتباط JS

JS Web APIs

مقدمة واجهة برمجة تطبيقات الويب واجهة برمجة تطبيقات نماذج الويب واجهة برمجة تطبيقات سجل الويب واجهة برمجة تطبيقات تخزين الويب Web Worker API واجهة برمجة تطبيقات جلب الويب واجهة برمجة تطبيقات تحديد الموقع الجغرافي على الويب

شبيبة أجاكس

مقدمة أجاكس أجاكس XMLHttp طلب AJAX استجابة AJAX ملف AJAX XML أجاكس بي إتش بي أجاكس آسيا والمحيط الهادئ قاعدة بيانات أجاكس تطبيقات أجاكس أمثلة AJAX

شبيبة شبيبة

مقدمة JSON بناء جملة JSON JSON مقابل XML أنواع بيانات JSON تحليل JSON تنسيق JSON كائنات JSON صفائف JSON خادم JSON JSON PHP JSON HTML جسون جسونب

JS مقابل jQuery

محددات jQuery jQuery HTML jQuery CSS jQuery DOM

شبيبة الرسومات

شبيبة الرسومات قماش شبيبة شبيبة بلوتلي JS Chart.js مخطط جوجل JS شبيبة D3.js

أمثلة JS

أمثلة JS JS HTML DOM إدخال JS HTML كائنات JS HTML أحداث HTML متصفح JS محرر JS تمارين شبيبة شبيبة مسابقة شهادة JS

مراجع JS

كائنات جافا سكريبت كائنات HTML DOM


بحث سلسلة جافا سكريبت

طرق بحث جافا سكريبت

  • فهرس السلسلة ()
  • سلسلة lastIndexOf ()
  • تبدأ السلسلة بـ ()
  • تنتهي السلسلة بـ ()

فهرس سلسلة جافا سكريبت ()

تُرجع indexOf()الطريقة فهرس (موضع) firstحدوث نص محدد في سلسلة:

مثال

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate");

ملحوظة

يحسب JavaScript المواضع من الصفر.

0 هو الموضع الأول في السلسلة ، 1 هو الموضع الثاني ، 2 هو الموضع الثالث ، ...


سلسلة جافا سكريبت lastIndexOf ()

تُرجع lastIndexOf()الطريقة فهرس آخر تواجد لنص محدد في سلسلة:

مثال

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate");

كلاهما indexOf()، lastIndexOf()والعودة -1 إذا لم يتم العثور على النص:

مثال

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("John");

تقبل كلتا الطريقتين معلمة ثانية كموقع بداية للبحث:

مثال

let str = "Please locate where 'locate' occurs!";
str.indexOf("locate", 15);

تبحث الأساليب للخلف (من النهاية lastIndexOf()إلى البداية) ، بمعنى: إذا كانت المعلمة الثانية 15كذلك ، يبدأ البحث في الموضع 15 ، ويبحث في بداية السلسلة.

مثال

let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate", 15);

بحث سلسلة JavaScript ()

تبحث الطريقة search()في سلسلة لقيمة محددة وتعيد موضع المطابقة:

مثال

let str = "Please locate where 'locate' occurs!";
str.search("locate");

هل لاحظت؟

الطريقتان ، indexOf()و search()، متساوية؟

يقبلون نفس الوسيطات (المعلمات) ، ويعيدون نفس القيمة؟

الطريقتان غير متساويتين. هذه هي الاختلافات:

  • لا يمكن search()للطريقة أن تأخذ وسيطة موقف البداية الثانية.
  • لا يمكن indexOf()للطريقة أن تأخذ قيم بحث فعالة (التعبيرات العادية).

سوف تتعلم المزيد عن التعبيرات النمطية في فصل لاحق.



تطابق سلسلة JavaScript ()

تبحث طريقة match () في سلسلة عن تطابق مقابل تعبير عادي ، وتعيد التطابقات ، ككائن Array.

مثال 1

ابحث عن سلسلة عن "ain":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g);

اقرأ المزيد عن التعبيرات العادية في الفصل JS RegExp .

ملحوظة

إذا كان التعبير العادي لا يشتمل على مُعدِّل g (لإجراء بحث شامل ) ، فسيعرض أسلوب match () أول تطابق فقط في السلسلة.

بناء الجملة

string.match(regexp)
regexp Required. The value to search for, as a regular expression.
Returns: An Array, containing the matches, one item for each match, or null if no match is found

مثال 2

قم بإجراء بحث شامل غير حساس لحالة الأحرف عن "ain":

let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/gi);

سلسلة جافا سكريبت تشمل ()

ترجع includes()الطريقة صحيحًا إذا كانت السلسلة تحتوي على قيمة محددة.

مثال

let text = "Hello world, welcome to the universe.";
text.includes("world");

بناء الجملة

string.includes(searchvalue, start)
searchvalue Required. The string to search for
start Optional. Default 0. Position to start the search
Returns: Returns true if the string contains the value, otherwise false
JS Version: ES6 (2015)

تحقق مما إذا كانت السلسلة تتضمن "العالم" ، فابدأ البحث في الموضع 12:

let text = "Hello world, welcome to the universe.";
text.includes("world", 12);

دعم المتصفح

includes()هي ميزة ES6 (JavaScript 2015).

وهي مدعومة في جميع المتصفحات الحديثة:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

includes()غير مدعوم في Internet Explorer.


تبدأ سلسلة JavaScript بـ ()

يعود هذا startsWith()الأسلوب true إذا بدأت السلسلة بقيمة محددة ، وإلا false:

مثال

let text = "Hello world, welcome to the universe.";

text.startsWith("Hello");

بناء الجملة

string.startsWith(searchvalue, start)

قيمه المعامل

Parameter Description
searchvalue Required. The value to search for.
start Optional. Default 0. The position to start the search.

أمثلة

let text = "Hello world, welcome to the universe.";

text.startsWith("world")    // Returns false
let text = "Hello world, welcome to the universe.";

text.startsWith("world", 5)    // Returns false
let text = "Hello world, welcome to the universe.";

text.startsWith("world", 6)    // Returns true

ملحوظة

الطريقة startsWith()حساسة لحالة الأحرف.


دعم المتصفح

startsWith()هي ميزة ES6 (JavaScript 2015).

وهي مدعومة في جميع المتصفحات الحديثة:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

startsWith()غير مدعوم في Internet Explorer.


سلسلة JavaScript تنتهي بـ ()

يعود هذا endsWith()الأسلوب true إذا كانت السلسلة النصية تنتهي بقيمة محددة ، وإلا false:

مثال

تحقق مما إذا كانت السلسلة تنتهي بـ "Doe":

var text = "John Doe";
text.endsWith("Doe");

بناء الجملة

string.endswith(searchvalue, length)

قيمه المعامل

Parameter Description
searchvalue Required. The value to search for.
length Optional. The length to search.

تحقق من أول 11 حرفًا من سلسلة تنتهي بـ "world":

let text = "Hello world, welcome to the universe.";
text.endsWith("world", 11);

ملحوظة

الطريقة endsWith()حساسة لحالة الأحرف.


دعم المتصفح

endsWith()هي ميزة ES6 (JavaScript 2015).

وهي مدعومة في جميع المتصفحات الحديثة:

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

endsWith()غير مدعوم في Internet Explorer.


مرجع سلسلة كاملة

للحصول على مرجع سلسلة كامل ، انتقل إلى:

أكمل مرجع سلسلة JavaScript .

يحتوي المرجع على أوصاف وأمثلة لجميع خصائص السلسلة وطرقها.