سلاسل

في JavaScript ، أي بيانات نصية هي سلاسل. ومع ذلك ، لا تنس أنه يمكن أيضًا كتابة الأرقام في سلسلة. من بين جميع أنواع البيانات ، من المحتمل أن تستخدم السلاسل أكثر من غيرها. دعنا نحلل جميع الخيارات لإنشاء سطر جديد.

اقتباسات مفردة أو مزدوجة

يتم استخدام علامات الاقتباس "الفردية" أو "المزدوجة" لإنشاء سلاسل.

let single = 'Hello World'
let double = "Hello World" // prettier-ignore

يمكنك استخدام كلاهما ، الشيء الرئيسي هو أنه إذا بدأت سطرًا بسطر واحد ، على الرغم من أنه قد يكون هناك زوجي في الداخل ، فيجب أيضًا استكماله بخط واحد. وبالتالي ، مع اقتباسات مزدوجة.

let double = "Don't you think so, d'Artagnan?"
let single = '"I think so, indeed!" - cried he.'

شرطة مائلة للخلف

إذا تم استخدام نفس علامات الاقتباس داخل السلسلة كما في الخارج ، فيجب أن يتم تخطيها بشرطة مائلة للخلف - ما يسمى بـ "حرف الهروب". يتم إلحاقه ➕ قبل علامة الاقتباس المرفقة `` \ '' بحيث لا تشير إلى نهاية السطر.

محرر مباشر

// prettier-ignore function learnJavaScript() { let backticks = 'It\'s not complicated' return backticks }

// prettier-ignore
function learnJavaScript() {
  let backticks = 'It\'s not complicated'
  return backticks
}

النتيجة

Loading...

لاحظ أن الشرطة المائلة للخلف "\" تُستخدم فقط لقراءة الجملة بشكل صحيح بواسطة المترجم ، لكنها لا تُكتب إلى السلسلة بعد قراءتها. عند حفظ سلسلة في الذاكرة الرئيسية ، لا تتم إضافة الحرف \ `إليها. يمكنك أن ترى هذا بوضوح في النتائج.

العودة يقتبس

عند كتابة سلسلة ، يمكنك الاستغناء عن الشرطة المائلة للخلف باستخدام علامات الاقتباس \ back \.

تعمل علامات الاقتباس المفردة والمزدوجة بشكل أساسي بنفس الطريقة ، وإذا كنت تستخدم علامات الاقتباس الخلفية ، فيمكننا إدراج تعبيرات JavaScript عشوائية في مثل هذه السلسلة عن طريق لفها بعلامة الدولار بأقواس متعرجة `$ {...}:

محرر مباشر

function learnJavaScript() { const sum = (a, b) => a + b // this is a function, we'll get to know it later in the course return `1 + 2 = ${sum(1, 2)}` }

function learnJavaScript() {
  const sum = (a, b) => a + b // this is a function, we'll get to know it later in the course
  return `1 + 2 = ${sum(1, 2)}`
}

النتيجة

Loading...

ميزة أخرى من backticks هي أنها يمكن أن تمتد لأكثر من سطر واحد.

محرر مباشر

function learnJavaScript() { let guestList = `Guests: * John * Pete * Mary ` return guestList }

function learnJavaScript() {
  let guestList = `Guests:
    * John
    * Pete
    * Mary
   `
  return guestList
}

النتيجة

Loading...

يمكن أيضًا إنشاء سلاسل متعددة الأسطر بعلامات اقتباس مفردة ومزدوجة ، باستخدام ما يسمى بحرف "تغذية السطر" ، والذي تتم كتابته كـ \ n. تبدأ جميع الأحرف الخاصة ، في Java Script ، بشرطة مائلة للخلف "\" صحيح ، يمكننا التحقق من ذلك في وحدة تحكم المتصفح (لا يتم عرض "المحرر المباشر" بشكل صحيح).

let guestList = 'Guests:\n * John\n * Pete\n * Mary'

guestList // multi-line guest list

الأوتار غير قابلة للتغيير

لا يمكن تغيير محتوى سلسلة في JavaScript. لا يمكنك أخذ الرمز في المنتصف واستبداله. بمجرد إنشاء سلسلة - إنه هكذا إلى الأبد. يمكنك إنشاء سلسلة جديدة وكتابتها على نفس المتغير بدلاً من القديم.

محرر مباشر

function learnJavaScript() { let str = 'Hi' str = 'P' + str[1] // replace string return str }

function learnJavaScript() {
  let str = 'Hi'
  str = 'P' + str[1] // replace string
  return str
}

النتيجة

Loading...

طرق السلسلة الشعبية

طول سلسلة

The length property returns the number of code values in the string.

محرر مباشر

function learnJavaScript() { let str = 'My\n'.length return str }

function learnJavaScript() {
  let str = 'My\n'.length
  return str
}

النتيجة

Loading...

الرجاء ملاحظة أن \ n هو حرف خاص واحد ، لذلك كل شيء صحيح هنا: طول السلسلة هو 3.

الوصول إلى الرموز

هنالك اثنان 2️⃣ طرق للوصول إلى حرف معين في سلسلة. الطريقة الأولى تستخدم charAt () طريقة. الأول 1️⃣ الحرف في الموضع صفر:

محرر مباشر

function learnJavaScript() { let str = 'cat'.charAt(2) return str }

function learnJavaScript() {
  let str = 'cat'.charAt(2)
  return str
}

النتيجة

Loading...

يمكنك أيضًا الحصول على رمز باستخدام الأقواس المربعة:

محرر مباشر

function learnJavaScript() { let str = 'cat'[2] return str }

function learnJavaScript() {
  let str = 'cat'[2]
  return str
}

النتيجة

Loading...

الأقواس المربعة هي الطريقة الحديثة للحصول على شخصية ، بينماcharAt موجود بشكل رئيسي لأسباب تاريخية.

تغيير حالة الأحرف

لتحويل أحرف سلسلة إلى أحرف كبيرة ، استخدم الامتداد toUpperCase () طريقة.

محرر مباشر

function learnJavaScript() { let str = 'Interface'.toUpperCase() return str }

function learnJavaScript() {
  let str = 'Interface'.toUpperCase()
  return str
}

النتيجة

Loading...

to lowercase toLowerCase ()

محرر مباشر

function learnJavaScript() { let str = 'Interface'.toLowerCase() return str }

function learnJavaScript() {
  let str = 'Interface'.toLowerCase()
  return str
}

النتيجة

Loading...

سلسل (متسلسل) سلسلة

لإنشاء سلسلة من السلاسل الموجودة ، استخدم علامة الجمع + لسلسلة السلاسل.

let name = 'Mary '
let activity = 'drink tea'
let bio = 'Our guest ' + name + activity + '.'
bio // Our guest Mary drink tea.

لذلك تعرفنا على أكثر أنواع البيانات شيوعًا في JavaScript والطرق الأكثر استخدامًا لها.

مشاكل؟

اكتب ل Discord محادثة.

أسئلة:

كيف لا تتم كتابة السلاسل في JavaScript؟

1. في اقتباسات واحدة
2. في الخطوط المائلة العكسية
3. في الاقتباسات

لماذا لا تستخدم الشرطة المائلة للخلف في سلسلة؟

1. للتدريع
2. لكتابة أحرف خاصة
3. لإنهاء الخط

ابحث عن الخط الذي يحتوي على الخطأ

1. let str = \ It's not complicated \
2. let str = "أعتقد ذلك بالفعل!" - بكى ".
3. let str = شعاري: "لا تقلق ، كن سعيدا!"

حدد "سطر تغذية الأحرف"

1. \ n
2. \
3. \ *

ما هي الرسالة'sport' [3] إرجاع؟

1. o
2. r
3. لن يعود أي شيء

كيف أقوم بتغيير حرف في سلسلة JavaScript؟

1. تغيير الخط
2. احصل على الرمز واستبدله
3. أنشئ سطرًا جديدًا واكتبه على نفس المتغير بدلاً من المتغير القديم

ما هي الطريقة المستخدمة لكتابة الأحرف الكبيرة؟

1. "واجهة". toUpperCase () `
2. '' Interface '[0] .toLowerCase () `
3. "واجهة". toLowerCase () `

ما هو الحرف المستخدم لسلسلة السلاسل؟

1. =
2. +
3. + =

لفهم مقدار ما تعلمته في هذا الدرس ، قم بإجراء الاختبار فيmobile application من مدرستنا في هذا الموضوع.

الروابط

1. MDN web docs
2. Code for Teens: The Perfect Beginner's Guide to Programming, Volume 1: Javascript - Jeremy Moritz
3. JavaScript.ru

المساهمون ✨

الشكر يعود إلى هؤلاء الأشخاص الرائعين(emoji key):

Alena Yanbukhtina

Dmitriy Vasilev 💵

Resoner2005 🐛 🎨 🖋