Javascript koşul operatörü. Javascript'teki koşullu ifadeler - IF-ELSE yapısı - Javascript Koşulları - Temeller. JavaScript'teki diğer koşul ifadeleri

... Farklı bir değer girdiyseniz, bir not yazdırın ve programı sonlandırın:
") else (alert (" Doğru türü girin "); çıkış;)
• Bir değişkeni başlatın kolvo kullanıcı tarafından modala girilen değer:

var kolvo \u003d bilgi istemi ("Öğe sayısını girin");

• Bir dize değerini sayısal bir değere dönüştürmek için parseInt işlevini kullanın:

için (var i \u003d 1; i<=kolvo; i++) document.write("");

• Listeler, listenin türüne bağlı olarak ilgili etiketlerle kapatıldığından, kapanış etiketlerini yazdırın:

eğer (listType \u003d\u003d "1") document.write ("") else if (listType \u003d\u003d" 2 ") document.write ("" ) ;

eğer (listType \u003d\u003d "1") document.write ("

") else if (listType \u003d\u003d" 2 ") document.write ("

Js görevi 3_11.
Etiketleri gösteren bir komut dosyası yazın girişgirilen rakama bağlı olarak farklı tiplerde (kontroller):

1 - metin alanı,
2 - buton,
3 - radyo(değiştirmek).

Görüntülenen etiket sayısı da istenmelidir.

Etiketleri hatırlayalım:

1 - metin alanı için: 2 - düğme için: 3 - radyo için:

Çıktı örneği:

Js görevi 3_12. Döngüler için javascript kullanarak 9x9 dama tahtası çizin. "Çizim" panosu, tablo için html etiketleri olmalıdır:

Etiketleri hatırlayalım:

• 9 çizgi çizmek için, bir sayaç i ile harici bir for döngüsü düzenlemeniz gerekir.
• Her satıra 9 hücre çizmek için, j sayacına sahip bir iç (iç içe) döngü düzenlemeniz gerekir.
• Hücre ve satır etiketlerini oluşturmak için document.write yöntemini kullanın.

Sonuç:

Bunlara ek olarak:

1. Döngü sayaçlarını (i ve j) kullanarak çarpım tablosunu tablo hücrelerine yazdırın.
2. İlk satırı ve ilk sütunu kırmızı bir arka planla görüntüleyin (tablo hücresinin bgcolor özelliği):

   <td bgcolor \u003d "kırmızı"\u003e-</ td\u003e

   -

Sonuç:

Kendini kontrol etmek için sorular:

1. Dinamik sayfa oluşturmanın ne anlama geldiğini açıklayın?
2. Dinamik sayfa oluşturma için en sık kullanılan dil yapısı nedir?

JavaScript dilinin döngüsel ifadeleri - While

While ifadesinin sözdizimi şöyledir:

while (koşul) (//.. ifadeler bloğu ..);

Misal: İkiye kadar gücü göster 1000 (2, 4, 8 ... 512). Alert () yöntemini kullanın

• Komut dosyasının listesi:

1 2 3 4 5

var a \u003d 1; while (a< 1000 ) { a*= 2 ; alert(a) ; }

var a \u003d 1; while (a< 1000){ a*=2; alert(a); }

a * \u003d 2 → bileşik atama işlemi kullanılır: atama ile birleştirilen ürün, yani a \u003d a * 2 ile aynı

• Sonucu bir tarayıcıda test edin.

Break ve continue ifadeleri bir while döngüsünde nasıl çalışır?

Misal:

var a \u003d 1; while (a< 1000){ a*=2; if (a==64) continue; if (a==256) break; alert(a); }

İkinin yetkileri, 128 kapsayıcı ve değer 64 atlanacak. Şunlar. iletişim kutularında şunları göreceğiz: 2 4 8 16 32 128

Js görevi 3_13. Aşağıdaki kod parçacığı hangi değerleri gösterecek?

var counter \u003d 5; while (sayaç< 10) { counter++; document.write("Counter " + counter); break; document.write("Эта строка не выполнится."); }

Js görevi 3_14. Montaj kodunu yaz x ölçüde ywhile döngüsü kullanarak. Değişken değerlerini sorgulayın ve alert () kullanarak sonucu çıkarın.

Kodu tamamlayın:

var x \u003d ...; var y \u003d ...; sayaç \u003d 1; chislo \u003d x; while (...) (chislo \u003d x * ...; sayaç \u003d ...;) alert (chislo);

A Bir sayının faktöriyelini bulmak için tasarlanmış programdaki hatayı düzeltin:

var counter \u003d istemi ("Bir numara girin"); var factorial \u003d 1; document.write ("Sayı faktöriyeli:" + sayaç + "! \u003d"); do (if (counter \u003d\u003d 0) (faktoriyel \u003d 1; break;) factorial \u003d factorial / counter; counter \u003d counter + 1;) while (counter\u003e 0); document.write (faktöryel);

Js görevi 3_16. Programı kullanıcı girişi için değiştirin:

Kullanıcı gerçekten bir ad girene kadar bir kullanıcı adı isteyin (yani, alan gerçekten doldurulur ve iptal tuşuna basılmaz). Ad girildiğinde çıktı "Merhaba isim!"... belge.

JavaScript'te hatalar nasıl bulunur?

Bazı durumlarda, sayfadaki kod herhangi bir nedenle çalışmıyor. Hatayı nereye bakmalı? Bu gibi durumlarda try..catch deyimini kullanabilirsiniz.

Try..catch deyimi bir kod parçasını çalıştırmaya çalışır ve kodda bir hata varsa, ekranda bir hata görüntülemek mümkündür.
Hata, e.message nesnesinde saklanır.

Operatörün çalışmasını bir örnek kullanarak ele alalım:

Misal: programda hata içeren bir ifade yazın. Şüpheli hatalı kodda bir hata olup olmadığını kontrol edin: kodda bir hata varsa, bir mesaj görüntüleyin "hata işleme: hata adı"... Hatalı operatörü kontrol ettikten sonra, kodda bir hata olup olmadığına bakılmaksızın, mesajı yayınlayın "işlemlerin tamamlanması"

• Hatalı bir mesaj olarak, bir hata ile yazılmış istem () yöntemini kullanacağız - promt ()... Hata mesajını bir try bloğuna ekleyin:

uyarı ("önce"); try (promt ("sayı girin"); // hatalı operatör)

İngilizceden deneyin. - "try", bu nedenle, bir hata içerebilecek bir kod parçasının önüne bir try ifadesi koyarız (bizim durumumuzda gerçekten bir hata vardır).

• Hata mesajı bir catch bloğuna yerleştirilmelidir:

6 7 8 9

catch (e) (uyarı ( "Hata yönetimi:"+ e-mesaj); )

catch (e) (alert ("hata işleme:" + e.message);)

Gerçekten bir hata varsa, catch deyimi bu hatayı e nesnesinde saklar. Daha sonra iletişim kutusunda görüntülenebilir - e.message.

• Kodda bir hata olup olmadığına bakılmaksızın görüntülenmesi gereken son mesajı bir final bloğuna yerleştirin:

nihayet (alert ("bitirme eylemleri");) alert ("sonra");

Bir hata varsa, yorumlayıcı örneğimizde görüntüledikten sonra catch bloğunu yürütmeye devam edecek ve son olarak (İngilizce'den "tamamlama", "en sonunda"), bir hata olup olmadığına bakılmaksızın her zaman yürütülecektir. Catch bloğunda bir hata olsa bile.

Önemli: Nihai blok yapımda isteğe bağlıdır.

Js görevi 3_17. Aşağıdaki değişiklikleri yaparak yukarıdaki örneği izleyin:

Özet:

Ders aşağıdaki javascript operatörlerini ve yapılarını kapsıyordu:

Javascript koşullu ifadeler:

Döngü operatörleri:

Son görev Js 3_18.
İki kişilik bir oyun oluşturun:

1. Program, ilk oyuncudan bir sayı girmesini ister. 1 önce 100 (ikinci oyuncu girilen sayıyı görmez). Ardından ikinci oyuncudan girilen sayıyı tahmin etmesi istenir. Mesaj yanıt olarak görüntülenir "az" veya "çok" girilen cevaba bağlı olarak. Oyuncu doğru tahmin ederse, tebrikler görüntülenir. Yanlış tahmin ederse oyun devam eder (sayı gerçekten tahmin edilene kadar).
2. Deneme sayısını hesaplayın ve sayı tahmin edildiğinde sonucu döndürün.

Kendini kontrol etmek için sorular:

1. For In döngüsünün kullanılması ne zaman önerilir? Kullanımının bir örneği nedir?
2. Try..catch deyiminin amacı nedir?
3. Her try..catch ifade bloğunun amacını açıklayın.

JavaScript, bir programın yürütme akışını etkileyen koşullu bir yapıya sahiptir. Eğer (İngilizcede) bir şey varsa, bir şey doğruysa, o zaman bir şeyi yapın, aksi halde (başka İngilizcede) - başka bir şey yapın.

If ifadesi

İf ifadesinin nasıl çalıştığına bir göz atalım, basittir ve fazla açıklama gerektirmez.

If (koşul) (koşul doğruysa yürütülecek kod)

Çok basit: Eğer koşul doğruysa, (...) bloğundaki kod çalıştırılır.

Değişken basamak \u003d 4; eğer (digit \u003d\u003d 4) (document.write ("digit 4");)

Bazı garip kodlar yapılabilir:

Değişken basamak \u003d 4; if (true) (document.write ("Koşul doğrudur.");)

Başka ifade

Bir else ifadesi, bir if ifadesiyle birlikte kullanılabilir. "Aksi takdirde" olarak çevrilir ve alternatif bir kod belirtir.

Değişken basamak \u003d 4; eğer (rakam

Bu örnekte if ve else ifadeleri için kaşlı ayraçların farklı yazılışlarına dikkat edin. Bu şekilde yazmak zorunlu değildir, her iki sözdizimi de doğrudur.

Else ifadesinin ardından yeni bir if ifadesi gelebilir. Bu, birden çok koşulu test edecektir.

Değişken basamak \u003d 4; eğer (rakam

JavaScript, PHP'nin yaptığı gibi (tek kelimeyle) bir elseif ifadesine sahip değildir.

Yalnızca bir ifade yürütmeniz gerekiyorsa, blok küme parantezleri (...) gereksizdir. Örneğimizde bunları yazmanıza gerek yok:

Değişken basamak \u003d 4; eğer (rakam

JavaScript'te yatıyor

İf (koşul) ifadesi, parantezli koşulu (ifade) değerlendirir ve boolian türe (doğru veya yanlış) dönüştürür.

JavaScript'te bir yalan olduğunu tekrarlayalım.

• Sayı 0 (sıfır).
• "" Satırı boş.
• Boolean false :)
• Değer boş.
• Değer tanımsız.
• NaN (Sayı Değil) değeri.

Diğer her şey doğrudur.

Birkaç olası hata:

If ("false") document.write ("Bu doğrudur.
"); if (false) document.write (" Bu doğrudur.

");

Burada, "false" dizesini (tırnak işaretleri içinde), boole türü false değerinden ayırmanız gerekir.

If ("") document.write ("Bu doğrudur.
"); else document.write (" Bu yanlıştır.
");

Burada "" dizesini (boşluk içinde) boş "" dizesinden ayırmanız gerekir. Bir dizenin içindeki boşluk onu boş değil, kapsayıcı bir karakter yapar. Tercüman için harf ya da boşluk önemli değil - sembol bir semboldür.

JavaScript'teki diğer koşul ifadeleri

• JavaScript anahtar yapımı.
• Operatör soru işareti

Koşullu Operatörler

Koşullu ifadeler, belirtilen ifadenin değerine bağlı olarak diğer ifadeleri atlamanıza veya yürütmenize izin verir. Bu operatörler programdaki karar noktalarıdır ve bazen aynı zamanda dallanma operatörleri.

Programın bir yol olduğunu ve JavaScript yorumlayıcısının orada yürüyen bir gezgin olduğunu hayal ederseniz, koşullu ifadeler, program kodunun iki veya daha fazla yola çatallandığı ve bu tür kavşaklarda hangi yolu seçmesi gerektiğini yorumlayanın seçmesi gereken kavşaklar olarak düşünülebilir. ...

If / else ifadesi

İf ifadesi, JavaScript yorumlayıcısının kararlar almasına veya daha kesin olarak koşullara dayalı ifadeleri yürütmesine izin veren temel bir kontrol ifadesidir. İf ifadesinin iki biçimi vardır. İlk:

if (ifade) ifadesi

Bu formda önce ifade değerlendirilir. Sonuç doğruysa, ifade çalıştırılır. İfade yanlış döndürürse, ifade çalıştırılmaz. Örneğin:

If (username \u003d\u003d null) // Kullanıcı adı boş veya tanımsız ise username \u003d "Alex"; // Tanımla

Koşullu ifadenin etrafındaki parantezlerin, if ifadesi sözdiziminin gerekli bir parçası olduğuna dikkat edin.

İf ifadesinin ikinci biçimi, ifade false döndürdüğünde çalıştırılan bir else cümlesi sunar. Sözdizimi:

if (ifade) ifade1 else deyimi2

Bu form, ifade true döndürürse ifade1'i ve ifade false döndürürse ifade2'yi yürütür. Örneğin:

If (n \u003d\u003d 1) console.log ("1 yeni mesaj alındı."); else console.log ("Alındı" + n + "yeni mesajlar.");

Else if ifadesi

İf / else ifadesi, ifadenin değerini değerlendirir ve sonuca bağlı olarak bir veya daha fazla program kodunu çalıştırır. Peki ya birçok parçadan birini çalıştırmanız gerekirse? Bunu yapmanın olası bir yolu, başka bir if ifadesi kullanmaktır. Resmi olarak bağımsız bir JavaScript operatörü değildir; bu, yinelenen if / else ifadesini kullanan yaygın bir programlama stilidir:

If (n \u003d\u003d 1) (// Blok 1'i yürüt) else if (n \u003d\u003d 2) (// Blok 2'yi yürüt) else if (n \u003d\u003d 3) (// Blok 3'ü yürüt) else (// Hiçbiri değilse önceki diğer ifadelerden biri yürütülmedi, blok 4'ü yürütün

Bu pasajla ilgili özel bir şey yok. Basitçe, her if ifadesinin önceki ifadenin else ifadesinin bir parçası olduğu bir if ifadeleri dizisidir.

Anahtar deyimi

İf ifadesi, program akışında dallanma oluşturur ve çok konumlu dallanma birden çok else if deyimiyle uygulanabilir. Bununla birlikte, bu her zaman en iyi çözüm değildir, özellikle de tüm dallar aynı ifadenin değerine bağlıysa. Bu durumda, aynı ifadenin değerini birden çok if ifadesinde yeniden değerlendirmek gereksizdir.

Switch deyimi sadece bu tür durumlar için tasarlanmıştır. Switch anahtar sözcüğünden sonra parantez içindeki bir ifade ve kaşlı ayraçlar içindeki bir kod bloğu gelir:

switch (ifade) (ifadeler)

Ancak, bir switch ifadesinin tam sözdizimi burada gösterilenden daha karmaşıktır. Bloktaki çeşitli yerler anahtar kelimeyle işaretlenmiştir durumardından bir ifade ve iki nokta üst üste karakteri gelir.

Bir switch ifadesi yürütüldüğünde, ifadenin değerini değerlendirir ve ardından bu değerle eşleşen bir durum etiketi arar (eşleşme, kimlik operatörü \u003d\u003d\u003d ile belirlenir). Bir etiket bulunursa, kod bloğu, vaka etiketini izleyen ilk ifadeden başlayarak yürütülür. Eşleşen değere sahip bir vaka etiketi bulunmazsa, yürütme özel etiketi izleyen ilk ifadeden başlar. varsayılan:... Varsayılan bir etiket yoksa, tüm anahtar bloğu atlanır.

Switch ifadesinin işleyişini kelimelerle açıklamak zordur, açıklama bir örnekle çok daha net görünür. Aşağıdaki switch ifadesi, önceki örnekte gösterilen yinelenen if / else ifadelerine eşdeğerdir:

Anahtar (n) (durum 1: // n \u003d\u003d\u003d 1 ise çalıştır // Blok 1 molasını çalıştır; // Burada dur case 2: // Çalıştır n \u003d\u003d\u003d 2 // Blok 2 kesmeyi yürüt; / / Burada dur durum 3: // Eğer n \u003d\u003d\u003d 3 ise çalıştırılır // Blok 3 molasını yürütün; // Burada dur varsayılan: // Diğer her şey çalışmazsa ... // Blok 4 molasını çalıştır; // Burada dur )

Anahtar kelimeye dikkat edin kırmak her vaka bloğunun sonunda. Break deyimi, denetimi switch deyiminin sonuna aktarır ve takip eden deyimlerin yürütülmesine devam eder. Bir switch deyimindeki case deyimleri yalnızca çalıştırılan kodun başlangıç \u200b\u200bnoktasını belirtir, ancak herhangi bir bitiş noktası belirtmez.

Break ifadesi yoksa, switch ifadesi ifadenin değerine karşılık gelen case etiketi ile kod bloğunu yürütmeye başlar ve bloğun sonuna ulaşıncaya kadar ifadeleri yürütmeye devam eder. Nadir durumlarda, bu, bir durum etiketinden diğerine atlayan kod yazmak için kullanışlıdır, ancak% 99 oranında, her durum bloğunu bir break ifadesiyle dikkatlice sonlandırmalısınız. (Bir işlevin içinde switch'i kullanırken, break yerine bir return ifadesi kullanabilirsiniz. Bu ifadelerin her ikisi de switch ifadesini sonlandırır ve bir sonraki case etiketine atlamayı önler.)

Aşağıda bir switch deyimi kullanmanın daha pratik bir örneği bulunmaktadır, bir değeri değerin türüne bağlı bir şekilde bir dizeye dönüştürür:

Function convert (x) (switch (typeof x) (// Bir sayıyı onaltılık tamsayıya dönüştür "sayı": return x.toString (16); // Tırnaklı bir dize durumu döndür "string": return "" "+ x + "" "; // Diğer herhangi bir tür varsayılan olarak dönüştürülür: return x.toString ();)) console.log (convert (1067)); // Sonuç "42b"

Önceki iki örnekte, büyük / küçük harf anahtar kelimelerinin ardından sayılar veya dize değişmezlerinin geldiğini unutmayın. Switch deyimi pratikte en sık bu şekilde kullanılır, ancak ECMAScript standardı, vakadan sonra rastgele ifadeler belirlemenize izin verir.

Switch deyimi önce switch anahtar sözcüğünden sonraki ifadeyi ve ardından case ifadelerini, eşleşen bir değer bulunana kadar belirtildikleri sırayla değerlendirir. Bir eşleşme olgusu, \u003d\u003d eşitlik operatörü kullanılmadan \u003d\u003d\u003d kimlik operatörü kullanılarak belirlenir, bu nedenle ifadeler herhangi bir tür dönüşümü olmadan eşleşmelidir.

Bir switch ifadesi her yürütüldüğünde tüm durum ifadeleri değerlendirilmediğinden, işlev çağrıları ve atamalar gibi yan etkileri olan durum ifadelerini kullanmaktan kaçınmalısınız. Durum ifadelerinizi sabit ifadelerle sınırlamak en güvenli yoldur.

Daha önce açıklandığı gibi, case ifadelerinden hiçbiri switch ifadesiyle eşleşmezse, switch ifadesi default: etiketli ifadeyi yürütmeye başlar. Varsayılan yoksa: etiket, switch ifadesinin gövdesi tamamen atlanır. Önceki örneklerde, varsayılan: etiketinin tüm büyük / küçük harf etiketlerinden sonra switch deyiminin gövdesinin sonunda göründüğüne dikkat edin. Burası bunun için mantıklı ve olağan bir yerdir, ancak aslında bir switch ifadesinin içinde herhangi bir yerde bulunabilir.