blog posts

JavaScript dilini teorik olarak öğrenmek – ikinci bölüm

Ücretsiz JavaScript eğitiminin ilk bölümünde JavaScript dilinin temel konularını, değişkenlerini ve operatörlerini anlattım. Bu bölümde matematiksel fonksiyonlar,JavaScript dilini teorik olarak öğrenmek döngüler ve koşullu komutlar gibi diğer konulara değinmeyi düşünüyorum. Ücretsiz JavaScript eğitimimizde bizimle kalın.Matematiksel fonksiyonlar her programlama dilindeki uygulamalar arasındadırJavaScript programlama dili de bu kuralın bir istisnası değildir ve matematiksel işlevleri destekler. Math sınıfı, JavaScript’teki matematik işlevlerini kullanmak için kullanılır.

Bu sınıfın farklı yöntemleri var, burada yöntemin adını ve işlevini kontrol edeceğiz. Yöntemlerinin sayısı oldukça fazladır ve burada sadece birkaç örnekten bahsedeceğim.

  1. Size pi numarasını veren PI yöntemi.
  2. Hedef sayıyı en yakın tam sayıya yuvarlayan yuvarlama yöntemi.
  3. Güç rolünü oynayan pow yöntemi. İki değer alır; ilk değer istenilen sayı, ikinci değer ise gücüdür.
  4. Sqrt yöntemi bir sayının karekökünü almak içindir.
  5. İstenilen sayının mutlak değerini veren abs yöntemi.
  6. İstenilen sayıyı bir üst tamsayıya yuvarlayan tavan yöntemi.
  7. İstenilen sayıyı tam sayıya yuvarlayan taban yöntemi.
  8. Max ve min yöntemleri, kendisine verilen girdiler arasında sırasıyla maksimum ve minimum değeri verir.
  9. Varsayılan olarak size 0 ile 1 arasında rastgele bir değer veren rastgele yöntem.

Ücretsiz JavaScript eğitimindeki matematik sınıfı da trigonometrik fonksiyonları takip eder.

Math.PI;

Math.round(4.7); // 5 değerini döndürür
Math.round(4.4); // 4 değerini döndürür

Math.pow(8, 2); // 64 değerini döndürür

Math.sqrt(64); // 8 değerini döndürür

Math.abs(-4.7); // 4.7 değerini döndürür

Math.ceil(4.4); // 5 değerini döndürür

Math.floor(4.7); // 4 değerini döndürür

Math.sin(90 * Math.PI / 180); // 1 değerini döndürür (90 derecenin sinüsü)

Math.random(); // rastgele bir sayı döndürür

Math.min(0, 150, 30, 20, -8, -200); // -200 değerini döndürür

Math.max(0, 150, 30, 20, -8, -200); // 150 değerini döndürür

Rastgele yöntem

Random, JavaScript programlama dili matematik dersinin ilginç yöntemlerinden biridir. Dediğim gibi normalde bu yöntem size 0 ile 1 arasında bir sayı verecektir. Ancak daha büyük sayılar arasında 10, 100, 1000 vb. ile çarpılarak rastgele sayılar oluşturmak mümkündür. Rastgele bir tamsayı oluşturmak istiyorsanız rastgele yöntemin yanında kat yöntemini kullanabilirsiniz.

Math.floor(Math.random() * 10); // 0'dan 9'a kadar rastgele bir tam sayı döndürür

Math.floor(Math.random() * 11); // 0'dan 10'a kadar rastgele bir tam sayı döndürür

Math.floor(Math.random() * 100); // 0'dan 99'a kadar rastgele bir tam sayı döndürür

Math.floor(Math.random() * 101); // 0'dan 100'e kadar rastgele bir tam sayı döndürür

Math.floor(Math.random() * 10) + 1; // 1'den 10'a kadar rastgele bir tam sayı döndürür

Math.floor(Math.random() * 100) + 1; // 1'den 100'e kadar rastgele bir tam sayı döndürür

Şimdi sizlere istenilen fonksiyona girdi vererek rastgele sayılar üretecek bir fonksiyon tanıtacağım. Bu yöntem çok basittir, çağrı sırasında fonksiyonun girişine bir minimum değer ve bir maksimum değer verirsiniz ve istenen fonksiyonun içinde, minimum ve maksimum arasındaki farkı rastgele yöntemde çarpar ve ardından kat bunu alır. ve bunu minimum değere ekler.İstediğiniz aralıkta rastgele bir sayı üretecektir.

function getRndInteger(min, maks) {
    return Math.floor(Math.random() * (max - min)) + min;
  }

Aşağıdaki örnekte yukarıdaki fonksiyonun kullanımını bir HTML’de görebilirsiniz:

<!DOCTYPEhtml>
<html>
  <gövde>
    <h2>JavaScript Math.random()</h2>

    <p>
      Düğmeye her tıkladığınızda getRndInteger(min, max) rastgele bir değer döndürür
      0 ile 9 arasındaki sayı (her ikisi de dahil):
    </p>

    <düğme
      onclick="document.getElementById('demo').innerHTML = getRndInteger(0,10)"
    >
      Beni tıkla
    </button>

    <p id="demo"></p>

    <script>
      function getRndInteger(min, maks) {
        return Math.floor(Math.random() * (max - min)) + min;
      }
    </script>
  </body>
</html>

Koşullu ifadeler ve döngüler

Bir sonraki ele alacağım konu koşullu ifadeler ve döngülerdir.

Koşullu komutlar ve döngüler programlama dillerinde en çok kullanılan komutlar arasındadır. Ücretsiz JavaScript eğitiminde de diğer diller gibi koşullu komutlar tanımlanabilir ve kullanılabilir. Koşullu komutlar, bir koşul sağlanıyorsa o koşulun içinde tanımlanan komutları çalıştıracak, istenilen koşul karşılanmıyorsa, başka bir koşul tanımlanmışsa diğer koşulu kontrol edecek şekilde çalışır. Bir de birden fazla koşulumuzun olduğu ve koşullardan hiçbirinin karşılanmaması durumunda özel bir komut çalıştırmayı düşündüğümüz bir durum var, bu durumda koşullu komutlarda özel bir komut tanımlanabilir.
Aşağıda koşullu komutların tanım türlerini görebilirsiniz.

eğer (koşul) {
  //koşul doğruysa çalıştırılacak kod bloğu
}

if (saat < 18) {
  tebrik = "İyi günler";
}

eğer (koşul) {
  //koşul doğruysa çalıştırılacak kod bloğu
} başka {
  //koşul yanlışsa çalıştırılacak kod bloğu
}

if (saat < 18) {
  tebrik = "İyi günler";
} başka {
  tebrik = "İyi akşamlar";
}

eğer (koşul1) {
  //koşul1 doğruysa çalıştırılacak kod bloğu
} else if (koşul2) {
  // koşul1 yanlış ve koşul2 doğruysa çalıştırılacak kod bloğu
} başka {
  // koşul1 yanlış ve koşul2 yanlışsa çalıştırılacak kod bloğu
}

if (zaman < 10) {
  tebrik = "Günaydın";
} else if (zaman < 20) {
  tebrik = "İyi günler";
} başka {
  tebrik = "İyi akşamlar";
}

geçiş komutu

JavaScript’te tanımlanabilecek diğer bir komut ise switch komutudur. Bu komut öyledir ki yaptığınız her türlü özel tanımlamaya göre özel bir komut tanımlanacağını belirtebilirsiniz. Bu komut koşullu komuta çok benzer. Bu durumda geçiş için bir koşul tanımlarsınız. Daha sonra, her duruma bir parametre koyduğunuz, vaka adı verilen bir dizi durumu da tanımlarsınız.

Anahtarın tanım koşulunun çıktısı her bir durumun değerine eşitse, istenilen durumun içindeki komutlar yürütülür. Case komutlarının sonundaki break komutu switch komutunun sonu anlamına gelir. Durumlardan hiçbiri kurulmazsa, varsayılanın içindeki komutlar yürütülür.

anahtar(ifade) {
  durum x:
    // kod bloğu
    kırmak
  durum y:
    // kod bloğu
    kırmak
  varsayılan:
    // kod bloğu
}

switch (new Date().getDay()) {
  durum 0:
    gün = "Pazar";
    kırmak
  Dava 1:
    gün = "Pazartesi";
    kırmak
  durum 2:
     gün = "Salı";
    kırmak
  Durum 3:
    gün = "Çarşamba";
    kırmak
  Durum 4:
    gün = "Perşembe";
    kırmak
  Durum 5:
    gün = "Cuma";
    kırmak
  Durum 6:
    gün = "Cumartesi";
}

switch (new Date().getDay()) {
  Durum 4:
  Durum 5:
    text = "Yakında Hafta Sonu";
    kırmak
  durum 0:
  Durum 6:
    metin = "Hafta sonu";
    kırmak
  varsayılan:
    text = "Hafta sonunu sabırsızlıkla bekliyorum";
}

Switch komutuyla ilgili olarak dikkat etmeniz gereken bir nokta, switch komutunun === ile karşılaştırıldığında eşdeğer olmasıdır. Daha iyi anlaşılması için aşağıdaki örneğe dikkat edin, bu örnekte x değişkeni bir dizi türü olarak tanımlanmış, ancak durumların koşulu bir sayısal tür sayısıdır.

“0” === 0 olmadığından, varsayılanın içindeki komut yürütülür. Switch komutunu kullanırken dikkat etmeniz gereken bir nokta budur.

var x = "0";
anahtar (x) {
  durum 0:
    metin = "Kapalı";
    kırmak
  Dava 1:
    metin = "Açık";
    kırmak
  varsayılan:
    metin = "Değer bulunamadı";
}

Koşullu ifadeler görebileceğiniz kadar basittir ancak oldukça faydalıdırlar.

for döngüleri ve while döngüleri

Koşullu ifadelerden sonra döngülere geçiyorum. Döngüler iki kategoriye ayrılır: for döngüleri ve while döngüleri. For döngüleriyle başlayacağım. For döngüsünü kullanmanın neden daha iyi ve daha verimli kodlamaya yol açtığını anlamak. Aşağıdaki örneği düşünün. Aşağıda her iki şekilde de bir değişkene sahip olabilirsiniz. Fakat ilk başta her birini ayrı bir satıra yazmanız gerekiyor ancak for döngüsünü kullanmanız durumunda aynı komutu yalnızca iki satırla çalıştırabilirsiniz. Belki for döngüsünün kullanımı az sayıda görünmüyor ama diyelim ki bu sınırlı sayı yerine aynı kodun 1000 satırı kullanıldı, bu durumda döngü kullanımı çok faydalı oluyor.

metin += arabalar[0] + "<br>";
metin += arabalar[1] + "<br>";
metin += arabalar[2] + "<br>";
metin += arabalar[3] + "<br>";
metin += arabalar[4] + "<br>";
metin += arabalar[5] + "<br>";

var ben;
for (i = 0; i < arabalar.uzunluk; i++) {
  metin += arabalar[i] + "<br>";
}

Yüzükler 5 farklı kategoriye ayrılır:

  • for: Bu durumda, bir değişken tanımlarsınız ve döngü her yürütüldüğünde bitiş noktasını ve onun değişim oranını belirtirsiniz.
  • for/in: Bu durumda, bir nesneye sahip olduğunuzda ve onun özelliklerine sahip olmak istediğinizde kullanılır.
  • for/of: Bu durumda, uygulanabilir bir döngü nesnesine sahip olduğunuzda ve nesnelerin her birinin değerini almayı planlıyorsunuz.
  • while: Bu ifade aynı zamanda istenen koşul sağlanana kadar bir döngüyü yürütmek istediğinizde de kullanılır.
  • do/while: Bu komut, while komutuna benzer, tek farkı istenen yürütme komutlarının do kullanılarak tanımlanmasıdır.

for komutunun kullanımına bir örnek

Aşağıdaki örnekte for komutunun birkaç farklı tanımlanabilir durumunu görebilirsiniz. For ifadesinin tanımının her bir bölümü; birbirinden ayrılmıştır. Bu token kullanılmadığı sürece o alanın tanımındasınız.

for (ifade 1; ifade 2; ifade 3) {
  //çalıştırılacak kod bloğu
}

for (i = 0; i < 5; i++) {
  text += "Sayı " + i + "<br>";
}

for (i = 0, len = arabalar.uzunluk, metin = ""; i < len; i++) {
  metin += arabalar[i] + "<br>";
}

var i = 2;
var len = arabalar.uzunluk;
var metin = "";
for (; i < len; i++) {
  metin += arabalar[i] + "<br>";
}

var ben = 0;
var len = arabalar.uzunluk;
için (; i <len; ) {
  metin += arabalar[i] + "<br>";
  i++;
}

For/in komutunu kullanarak:

var kişi = {fname:"John", lname:"Doe", age:25};

var metin = "";
varx;
(şahsen x için) {
  metin += kişi[x];
}

for/of komutunu kullanarak:

for (yinelenebilir değişken) {
  //çalıştırılacak kod bloğu
}

var arabalar = ['BMW', 'Volvo', 'Mini'];
varx;

(x araba için) {
  document.write(x + "<br >");
}

var txt = 'JavaScript';
varx;

(txt'nin x'i) için {
  document.write(x + "<br >");
}

While komutunu kullanarak:

while (koşul) {
  //çalıştırılacak kod bloğu
}

while (i < 10) {
  metin += "Sayı: " + i;
  i++;
}

do/while deyimini kullanma:

Yapmak {
  //çalıştırılacak kod bloğu
}
while (koşul);

Yapmak {
  metin += "Sayı: " + i;
  i++;
}
while (i < 10);

while ve do/while komutu arasındaki fark

While komutu ile do/while arasındaki fark, do/while kullandığınızda önce komutların çalıştırılması, ardından while koşulunun kontrol edilmesi, while kullanılması durumunda ise önce koşulun kontrol edilmesi ve ardından komutlarının çalıştırılmasıdır. . .

Koşullu komutlarda ve döngülerde, döngü içinde belirli bir koşulun karşılanması durumunda döngünün devamını engellemek ve tabiri caizse döngüden çıkmak istediğiniz bir durum söz konusu olabilir. Bunun için daha önce switch/case komutunda gördüğünüz break komutu kullanılır. Aşağıdaki örnekte, i değişkeninin değeri 3’e eşit olduğunda döngünün yürütülmesi durur.

for (i = 0; i < 10; i++) {
  if (i === 3) { mola; }
  text += "Sayı " + i + "<br>";
}

Komuta devam et

Sizi döngüden çıkarmayan ancak döngüde istenilen koşuldan sonra komutların yürütülmesini engelleyen ve bir sonraki döngüye geçen bir komut daha var. Bu komut devam ediyor. Aşağıdaki örnekte i değişkeninin değeri 3’e eşit olduğunda metin ayarlama komutu çalıştırılmaz ve bir sonraki döngüye geçilir.

for (i = 0; i < 10; i++) {
  if (i === 3) { devam et; }
  text += "Sayı " + i + "<br>";
}

JavaScript’in daha yeni sürümlerine ok işlevi adı verilen bir işlev eklendi. Bu özellik, işlevleri daha kısa bir şekilde yazmanıza ve yürütmenize olanak tanır. Aşağıdaki örneği düşünün:

Bu örnekte ok fonksiyonu modeli kullanılarak daha kısa bir ifade yazılmıştır.

merhaba = işlev() {
  "Merhaba Dünya!" dönüşünü yapın;
}
merhaba = () => {
  "Merhaba Dünya!" dönüşünü yapın;
}

Yalnızca bir çıktınız varsa daha da kısa yazabilirsiniz:

merhaba = () => "Merhaba Dünya!";

Bu fonksiyon türü de normal fonksiyonlara benzer; bir giriş değeri alabilirsiniz:

merhaba = (val) => "Merhaba " + val;

merhaba = val => "Merhaba " + val;

ok işlevi

Ok fonksiyonlarıyla ilgili bir sonraki şey this ifadesinin kullanılmasıdır. Aşağıdaki iki örneği inceleyin.

Fonksiyonları tanımlamanın normal modunda kullanılan ilk örnekte, this ifadesi istenen işlevi çağıran nesneyi ifade eder, ancak ok fonksiyonunun kullanılması durumunda this ifadesi istenen işlevi çağıran nesneyi ifade eder. fonksiyon tanımlanır ve işaret eder.

Bu nedenle, ilk örnekte, fonksiyon her çağrıldığında aynı öğe yürütülür. Ancak ikinci durumda, ilk seride o fonksiyonla çağrılan pencere iki kez döndürülür.

//Normal Fonksiyon:
merhaba = işlev() {
  document.getElementById("demo").innerHTML += this;
}

//Pencere nesnesi işlevi çağırır:
window.addEventListener("yükle", merhaba);

//Bir düğme nesnesi işlevi çağırır:
document.getElementById("btn").addEventListener("tıklayın", merhaba);

//Ok Fonksiyonu:
merhaba = () => {
  document.getElementById("demo").innerHTML += this;
}

//Pencere nesnesi işlevi çağırır:
window.addEventListener("yükle", merhaba);

//Bir düğme nesnesi işlevi çağırır:
document.getElementById("btn").addEventListener("tıklayın", merhaba);

Hata kontrolü

JavaScript diliyle ilgili bir sonraki şey hata kontrolüdür. Hata kontrolü, programlamadaki önemli şeylerden biridir ve her programcının buna aşina olması ve kötü kullanıcı deneyimine neden olan hataları önlemek için kullanması gerekir.

JavaScript’teki hataları kontrol etmek için try ve catch komutlarını kullanmalısınız. Önce try komutu çalıştırılır, sorun yoksa programa devam edilir ancak hata verirse catch komutuna girer.

denemek {
  // Denenecek kod bloğu
}
yakala(hata) {
  // Hataları işleyecek kod bloğu
}

Kullanımına bir örnek:

<p id="demo"></p>

<script>
  denemek {
    addlert("Hoş geldiniz misafir!");
  } yakala (hata) {
    document.getElementById("demo").innerHTML = err.message;
  }
</script>

err ve err.message kullanarak istenilen mesajı istenilen hatayla birlikte görüntüleyebilirsiniz.

Belirli bir ifadeyi yazdırmak için kullanabileceğiniz başka bir komut daha vardır. Bu komut fırlatmadır.

"Çok büyük" atın; // bir metin at
500 at; // bir sayı atıyoruz

Bu komutun kullanımına bir örnek

Herhangi bir koşul karşılanmadığında throw ifadesi görüntülenir. Bu komutu kullanarak özel hatalar oluşturabilirsiniz.

<!DOCTYPEhtml>
<html>
  <gövde>
    <p>Lütfen 5 ile 10 arasında bir sayı girin:</p>

    <input id = "demo" type = "metin" />
    <button type="button" onclick="myFunction()">Test Girişi</button>
    <p id="p01"></p>

    <script>
      işlev işlevim() {
        var mesajı, x;
        mesaj = document.getElementById("p01");
        message.innerHTML = "";
        x = document.getElementById("demo").value;
        denemek {
          if (x == "") "boş" atar;
          if (isNaN(x)) "bir sayı değil" atar;
          x = Sayı(x);
          if (x < 5) "çok düşük" atarsa;
          eğer (x > 10) "çok yükseğe" atarsa;
        } yakala (hata) {
          message.innerHTML = "Giriş: " + hata;
        }
      }
    </script>
  </body>
</html>

nihayet komut

Hata kontrolünde son komut nihayet’tir. Bu komut nihayet try/catch komutundan sonra yürütülür.

denemek {
  // Denenecek kod bloğu
} yakala (hata) {
  // Hataları işleyecek kod bloğu
} Sonunda {
  // try / catch sonucuna bakılmaksızın yürütülecek kod bloğu
}

işlev işlevim() {
  var mesajı, x;
  mesaj = document.getElementById("p01");
  message.innerHTML = "";
  x = document.getElementById("demo").value;
  denemek {
    if (x == "") throw "boş";
    if (isNaN(x)) throw "bir sayı değildir";
    x = Sayı(x);
    if (x > 10) throw "çok yüksek";
    if (x < 5) throw "çok düşük";
  } yakala (hata) {
    message.innerHTML = "Hata: " + hata + ".";
  } Sonunda {
    document.getElementById("demo").value = "";
  }
}

JavaScript dilinde tanımlanan hata türüne göre belirli komutları çalıştırabilirsiniz.

Burada bu hataların bazı türlerini tanımlayacağım.

hata Tanım
Sözdizimi hatası Komutlarda sorun varsa hata verir
Aralık Hatası İstenilen sayı istenilen aralığın dışında
Referans Hatası Değişken kullanımdan önce tanımlanmaz.
TipHatası Tanımlanan veri türü doğru değil.

Ücretsiz bir JavaScript eğitiminde hataların kullanımına bir örnek

var numarası = 1;
denemek {
  num.toPrecision(500); // Bir sayının 500 anlamlı basamağı olamaz
}
yakala(hata) {
  document.getElementById("demo").innerHTML = hata.name;
}

varx;
denemek {
  x = y + 1; // y'ye referans verilemez (kullanılamaz)
}
yakala(hata) {
  document.getElementById("demo").innerHTML = hata.name;
}

denemek {
  eval("alert('Merhaba)"); // Eksik ' hata üretecektir
}
yakala(hata) {
  document.getElementById("demo").innerHTML = hata.name;
}

var numarası = 1;
denemek {
  num.toUpperCase(); // Sayıyı büyük harfe çeviremezsiniz
}
yakala(hata) {
  document.getElementById("demo").innerHTML = hata.name;
}

err.name kullanarak istediğiniz hata adını görüntüleyebilirsiniz.

JavaScript’in son başlığında regex’i ele almayı düşünüyorum. Regex, belirli kalıplara göre belirli bir kelimeyi aramanıza olanak tanıyan bir özelliktir.

Regex’in farklı yöntemleri vardır

  • Arama yöntemi: Bu yöntemi kullanarak istediğiniz ifadenin içinde belirli bir kalıp veya belirli bir kelimeyi arayabilirsiniz. Bu özel kalıp size yalnızca sayıları verecek şekilde olabilir veya bu sayının içindeki ifadeleri verebilir veya size yalnızca e-postaları ve diğer birçok uygulamayı verebilir.
  • değiştirme yöntemi: Bu yöntemi kullanarak bir ifadeyi başka bir ifadeyle değiştirebilirsiniz.

 

var str = "W3Schools'u ziyaret edin!";
var n = str.search("W3Schools");

var str = "W3Schools'u Ziyaret Edin";
var n = str.search(/w3schools/i);

var str = "Microsoft'u Ziyaret Edin!";
var res = str.replace("Microsoft", "W3Schools");

var str = "Microsoft'u Ziyaret Edin!";
var res = str.replace(/microsoft/i, "W3Schools");

Regex’i kullanarak farklı desenler tanımlayabilirsiniz. Bu özel kalıpları tanımlamak için Regex’te tanımlanan özel karakterleri kullanabilirsiniz.

karakter açıklama Örnek
[] Özel karakterler belirtin [am]
\ Belirli dizileri belirtir. Belirli sembollerle kullanılabilir. “\D”
. Tüm karakterleri belirtir. “o..o”
^ Neyle başladı? “^merhaba”
$ Neyle bitti? “dünya$”
* Belirli bir sayı veya birden fazla şey yoktur. “ay*”
+ Bir veya birden fazla spesifik şey var. “aix+”
{} Bir şeyin tam olarak belli bir miktarı var. “al{2}”
| şu ya da bu “düşüyor|kalıyor”
() Bir grup oluşturur.

 

Aşağıdaki tabloda / ile anlam taşıyan karakterler tanımlanmıştır.

 

karakter açıklama Örnek
\A Bir değerin başlangıcı bu karakterden sonraki değere benzerse istenilen değeri döndürür.Bu karakter istenilen değerin önüne konur. “\AThe”
\B Bir değerin başı veya sonu, bu karakterden önceki veya sonraki değere benzerse istenilen değeri döndürür. Bu karakter istenilen değerin başlangıcı veya sonudur. r”\bain”
r”ain\b”
\B Bir değerin başı veya sonu, bu karakterden önceki veya sonraki değere benzemiyorsa istenilen değeri döndürür. Karakter istenilen değerin ilki veya sonudur. r”\Bain”
r”ain\B”
\D İstenilen metinde sayılar varsa sayıları döndürür. “\D”
\D Sayı içermeyen metinden değerler döndürür. “\D”
\S Metinde boşluk varsa eşleşecektir. “\S”
\S Metinde boşluk yoksa bir eşleşme döndürür. “\S”
\w Bu karakterleri içeren metnin değerlerini döndürür. “\w”
\W Karakter içermeyen metnin değerlerini döndürür. “\W”
\Z Bir değerin sonu bu karakterin önceki değerine benzerse istenilen değeri döndürür. Bu karakter istenilen değerin sonudur. “İspanya\Z”

 

Aşağıdaki tabloda [] içerisinde özel anlamı olan özel bir ifade bulunmaktadır.

 

İfade etmek açıklama
[] [] içine belirli karakterler yazabilirsiniz ve [] içindeki karakterlerle eşleşme varsa onu döndürür. Bu karakterler hem harfleri hem de sayıları içerir.
[BİR] Bir arasında büyük harf eşleşmesi varsa onu döndürür. Bu aralık farklı ihtiyaçlara göre ayarlanabilir. Büyük harf kastediliyorsa büyük harfle yazılmalıdır.
[^arn] [] içine belirli karakterleri yazabilirsiniz ve [] içindeki karakterlerle eşleşme olmazsa döndürülür.
[0-9] Metin içinde 0 ile 9 arasında bir eşleşme varsa onu döndürür. Bu aralık farklı ihtiyaçlara göre ayarlanabilir.
[0-5][0-9] Metin içinde 00 ile 59 arasında bir eşleşme varsa onu döndürür. Bu aralık farklı ihtiyaçlara göre ayarlanabilir. Bu komutla iki basamaklı sayılar arasında ve benzer şekilde daha fazla basamakta arama yapabilirsiniz.
[a-zA-Z] Alfabenin az ile eşleşen tüm harflerini (hem büyük hem de küçük harf) döndürür. Bu aralık farklı ihtiyaçlara göre ayarlanabilir.
[+] Metinde + varsa onu döndürür; aynı şekilde *, ., |, (), $, {} gibi diğer semboller için de geçerlidir.

Regex uygulamak için en iyi sitelerden biri bu sitedir . Regex ile çalıştığınızdan ve ona aşina olmaya çalıştığınızdan emin olun.

Şimdiye kadar JavaScript programlama dilinin özelliklerine aşinasınız, bir sonraki ücretsiz JavaScript eğitim makalesinde , JavaScript programlama dilinin HTML’deki uygulamalarından bahsedeceğim.