CodeGym /Kurslar /Frontend SELF AZ /Strinqlər və onlarla işləmək üçün metodlar

Strinqlər və onlarla işləmək üçün metodlar

Frontend SELF AZ
Səviyyə , Dərs
Mövcuddur

4.1 Sətirlərə giriş

JavaScript-də sətirlər simvollardan ibarət ardıcıllıqları ifadə edir və əsas verilənlər tipinə aiddir. Sətirləri yaratmaq üçün tək dırnaq ('mətn '), cüt dırnaq ("mətn"), və ya ters dırnaq (`mətn`) istifadə oluna bilər.

Sətir nümunələri:

JavaScript
    
      let singleQuote = 'Salam, Dünya!';
      let doubleQuote = "Salam, Dünya!";
      let backticks = `Salam, Dünya!`;
    
  

Sətir obyektində çağırmaq mümkün olan metodlar:

Metod Təsvir
length Sətirin uzunluğunu qaytarır
charAt(index) Göstərilən mövqedə yerləşən simvolu qaytarır
toUpperCase() Sətiri böyük hərflərə çevirir
toLowerCase() Sətiri kiçik hərflərə çevirir
indexOf(substring) Alt sətirin ilk tapıldığı indeksini qaytarır və ya tapılmadıqda -1 qaytarır
includes(substring) Sətirin göstərilən alt sətiri ehtiva edib-etmədiyini yoxlayır, true və ya false qaytarır
slice(start, end) Sətirin bir hissəsini çıxarır və yeni sətir qaytarır
replace(searchValue, newValue) Göstərilən alt sətiri yenisi ilə əvəz edir
split(separator) Sətiri göstərilən ayırıcıya əsaslanaraq alt sətirlər massivinə bölür
trim() Sətirin əvvəlindən və sonundan boşluqları silir

4.2 Simlərlə işi üçün əsas metodlar

Metodların istifadəsinə dair nümunələr

1. length xüsusiyyəti

Simin uzunluğunu qaytarır:

JavaScript
    
      let str = 'Hello';
      console.log(str.length); // 5
    
  

2. charAt(index) metodu

Təyin edilmiş mövqedəki simvolu qaytarır:

JavaScript
    
      let str = 'Hello';
      let result = str.charAt(1);
      console.log(result); // 'e'
    
  

3. toUpperCase() və toLowerCase():

Simli müvafiq olaraq böyük və ya kiçik hərflərə çevirir:

JavaScript
    
      let str = 'Hello';
      console.log(str.toUpperCase()); // 'HELLO'
      console.log(str.toLowerCase()); // 'hello'
    
  

4. indexOf(substring) metodu

Substrinqlərin ilk daxilolma indeksini qaytarır və ya substrinq tapılmazsa -1 qaytarır:

JavaScript
    
      let str = 'Hello, world!';
      let result = str.indexOf('world');
      console.log(result); // 7
    
  

5. includes(substring) metodu

Simli müəyyən substrinqin daxil olub-olmadığını yoxlayır, true və ya false qaytarır:

JavaScript
    
      let str = 'Hello, world!';
      let result = str.includes('world');
      console.log(result); // true
    
  

6. trim() metodu

Simlin əvvəlindəki və sonunda olan boşluqları silir:

JavaScript
    
      let str = '   Hello, world!   ';
      console.log(str.trim()); // 'Hello, world!'
    
  

7. replace(searchValue, newValue) metodu

Təyin edilmiş substrinqi yeni substrinq ilə əvəzləyir:

JavaScript
    
      let str = 'Hello, world!';
      console.log(str.replace('world', 'JavaScript')); // 'Hello, JavaScript!'
    
  

8. split(separator) metodu

Təyin edilmiş ayrıcıdan istifadə edərək simli substrinqlərə bölür və massiv qaytarır:

JavaScript
    
      let str = 'Hello, world!';
      let words = str.split(' ');
      console.log(words); // ['Hello,', 'world!']
    
  

9. substring(start, end) metodu

İki indeks arasında olan substrinqi qaytarır:

JavaScript
    
      let str = 'Hello, world!';
      console.log(str.substring(0, 5)); // 'Hello'
    
  

10. substr(start, length) metodu

Simli göstərilən indeksdən başlayaraq müəyyən uzunluqda substrinq qaytarır:

JavaScript
    
      let str = 'Hello, world!';
      console.log(str.substr(0, 5)); // 'Hello'
    
  

11. slice(start, end) metodu

Simdən müəyyən bir hissəni çıxarır və yeni sim qaytarır:

JavaScript
    
      let str = 'Hello, world!';
      console.log(str.slice(0, 5)); // 'Hello'
    
  

12. startsWith(substring) metodu

Sim müəyyən substrinqlə başlayırsa, true, əks halda false qaytarır:

JavaScript
    
      let str = 'Hello, world!';
      console.log(str.startsWith('Hello')); // true
    
  

13. endsWith(substring) metodu

Sim müəyyən substrinqlə bitirsə, true, əks halda false qaytarır:

JavaScript
    
      let str = 'Hello, world!';
      console.log(str.endsWith('world!')); // true
    
  

14. repeat(count) metodu

Qeyd edilmiş sayda orijinal simin nüsxələrini əhatə edən yeni sim qaytarır:

JavaScript
    
      let str = 'Hello';
      console.log(str.repeat(3)); // 'HelloHelloHello'

      let str2 = '-';
      console.log(str2.repeat(30)); // '---------------------------------------------------------------'
    
  

4.3 Yeni nəsil sətir

Şablon sətirləri (template strings) JavaScript-ə yaxınlarda əlavə edilib. Bu, mətnlə işləmək üçün daha rahat və oxunaqlı yol təqdim edir, adi sətirlərlə müqayisədə. Onlar tərs dırnaq işarələri (`) ilə əhatə olunur və ifadə interpolasiyasını və çoxsətirli mətnləri dəstəkləyir.

Sintaksis:

    
      `yeni nəsil sətir`
    
  

Nümunə:

greeting şablon literalı tərs dırnaq işarələrindən istifadə edərək yaradılır.

JavaScript
    
      const greeting = `Salam, Dünya!`;
      console.log(greeting); // "Salam, Dünya!"
    
  

Şablon sətirlərinin əsas xüsusiyyətləri:

  • İfadə interpolasiyası: şablon sətirləri ${} istifadə edərək ifadələri və dəyişənləri sətir içərisinə yerləşdirməyə imkan verir
  • Çoxsətirli mətn: şablon sətirləri sətir keçidi simvolları istifadə etmədən çoxsətirli mətnləri dəstəkləyir
  • Daxili ifadələr: şablon sətirləri içərisində JavaScript-in istənilən ifadələrini, o cümlədən funksiyaları istifadə etmək olar

Şablon sətirlərindən istifadə nümunələrini nəzərdən keçirək.

İfadə interpolasiyası

Şablon sətirləri dəyişənlərin dəyərlərini və ifadələrin nəticələrini sətir içərisinə asanlıqla yerləşdirməyə imkan verir:

JavaScript
    
      let name = "Elis";
      let age = 30;
      let greeting = `Salam, ${name}! Siz ${age} yaşındasınız.`;
      console.log(greeting); // "Salam, Elis! Siz 30 yaşındasınız."
    
  

Bu nümunədə nameage dəyişənləri ${} istifadə edərək sətirə yerləşdirilir.

Çoxsətirli mətn

Şablon sətirləri sətir keçidi simvolları (\n) istifadə etmədən çoxsətirli sətirlər yaratmağı asanlaşdırır:

JavaScript
    
      let multiLine = `Lorem ipsum odor, consectetuer adipiscing elit.
      Sit lorem mattis eget maximus.`;

      console.log(multiLine);
    
  

Daxili ifadələr

Şablon sətirləri içərisində JavaScript-in istənilən ifadələrini, o cümlədən funksiyalarını istifadə edə bilərsiniz:

JavaScript
    
      let a = 5;
      let b = 10;
      let result = `Cəmi ${a} və ${b} bu oldu: ${a + b}.`;
      console.log(result); // "Cəmi 5 və 10 bu oldu: 15."

      function getGreeting(name) {
        return `Salam, ${name}!`;
      }

      let greeting = `${getGreeting("Bob")}`;
      console.log(greeting); // "Salam, Bob!"
    
  

Əlbəttə ki, funksiyaları sətirlərin içərisində çağırmaq elə də tövsiyə edilmir, amma çox istəyirsinizsə, edə bilərsiniz.

Şərhlər
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION