Skip to content

30 Days Of JavaScript: Booleans (Boole Değerler), Operators (Operatörler), Date (Tarih Objesi)

Twitter Follow Author: Asabeneh Yetayeh
January, 2020

<< Gün 2 | Gün 4 >>

30 Günde JavaScript

📔 Gün 3

Boolean Değerleri

Boolean ver türü iki değerden birini temsil eder :true yada false. Boolean değeri doğru veya yanlıştır. Karşılaştırma operatörlerini kullandığınızda sonuc netleşecektir. Herhangi bir karşılaştırma sonucu doğru veya yanlış olan bir boolean değeri döndürür.

Örnek: Boolean Deperleri

let isLightOn = true // ışık açık doğru
let isRaining = false // yağıyor yanlış
let isHungry = false // aç yanlış
let isMarried = true // evli doğru
let truValue = 4 > 3    // true -- doğru
let falseValue = 4 < 3  // false -- yanlış

Boolean değerlerinin doğru yada yanlış olduğunu kabul etmiştik.

Doğru Değerleri (true)

  • Sıfır hariç tüm sayılar (pozitif ve negatif) doğrudur
  • Boş bir dize ('') dışında tüm dizeler doğrudur
  • Boole değeri doğru

Yanlış Değerleri (false)

  • 0
  • 0n
  • null
  • undefined
  • NaN
  • the boolean false
  • '', "", ``, empty string

Bu doğru ve yanlış değerleri hatırlamakta fayda var. Daha sonraki bölümde, onları karar vermek için koşullarla kullanacağız.

Tanımsız (Undefined)

Bir değişken bildirirsek ve bir değer atamazsak, değer tanımsız olacaktır. Buna ek olarak, eğer bir fonksiyon değer döndürmüyorsa tanımsız olacaktır.

let firstName
console.log(firstName) //tanımlanmamış, çünkü henüz bir değer atanmamış.

Boş (Null)

let empty = null
console.log(empty) // -> null(boş) , değer yok anlamına gelir

Operatörler

Atama Operatörleri

JavaScript'te eşittir işareti bir atama operatörüdür. Değişken atamak için kullanılır.

let firstName = 'Asabeneh'
let country = 'Finland'

Atama Operatörleri

Atama Operatörleri

Aritmetik Operatörleri

Aritmetik operatörler matematiksel operatörlerdir.

  • Toplama(+): a + b
  • Çıkarma(-): a - b
  • Çarpma(*): a * b
  • Bölme(/): a / b
  • Kalan(Bölmedeki kalan)(%): a % b
  • (Örneğe Bak) Üstel Sayı (**): a ** b
let numOne = 4
let numTwo = 3
let sum = numOne + numTwo // toplama
let diff = numOne - numTwo // çıkarma
let mult = numOne * numTwo // çarpma
let div = numOne / numTwo // bölme
let remainder = numOne % numTwo // kalanı bulma (bölmedeki kalan oluyor bu Biraz matematik :D )
let powerOf = numOne ** numTwo // buda üstel sayı anlamına geliyor Örnek: 4 Üssü 3 Kaçtır? Biraz matematik 2 :D 

console.log(sum, diff, mult, div, remainder, powerOf) // 7,1,12,1.33,1, 64   ---- Sonuçları console.log'a tek tek yazıp deneyin
const PI = 3.14
let radius = 100          // metre cinsinden uzunluk

// Bir dairenin alanını hesaplayalım
const areaOfCircle = PI * radius * radius
console.log(areaOfCircle)  //  314 m


const gravity = 9.81      // m/s2 cinsinden ( metre saniye cinsi )
let mass = 72             // kilogram cinsinden

// Bir cismin ağırlığını hesaplayalım
const weight = mass * gravity
console.log(weight)        // 706.32 N(Newton)

const boilingPoint = 100  // oC cinsinden sıcaklık, suyun kaynama noktası
const bodyTemp = 37       // oC cinsinden vücut ısısı


// Dize enterpolasyonu kullanarak dizeyi sayılarla birleştirme
/*
 The boiling point of water is 100 oC. // Suyun kaynama noktası 100 oC'dir.
 Human body temperature is 37 oC.  // İnsan vücut sıcaklığı 37 oC'dir.
 The gravity of earth is 9.81 m/s2. // Dünyanın yerçekimi 9.81 m/s2'dir.
 */
console.log(
  `The boiling point of water is ${boilingPoint} oC.\nHuman body temperature is ${bodyTemp} oC.\nThe gravity of earth is ${gravity} m / s2.`
)

Karşılaştırma Operatörleri

Programlamada değerleri karşılaştırırız, iki değeri karşılaştırmak için karşılaştırma operatörlerini kullanırız. Bir değerin diğer değere eşit veya büyük olup olmadığını kontrol ederiz.

Karşılaştırma Operatörleri Örnek: Karşılaştırma Operatörleri

console.log(3 > 2)              // true, çünkü 3 2 den büyüktür
console.log(3 >= 2)             // true, çünkü 3 2 den büyüktür
console.log(3 < 2)              // false,  çünkü 3 2 den büyüktür
console.log(2 < 3)              // true, çünkü 2 3 den küçüktür
console.log(2 <= 3)             // true, çünkü 2 3 den küçüktür
console.log(3 == 2)             // false, çünkü 3 2 ye eşit değildir
console.log(3 != 2)             // true, çünkü 3 2 ye eşit değildir
console.log(3 == '3')           // true, sadece değeri karşılaştırıyor
console.log(3 === '3')          // false, hem değeri hemde veri türünü karşılaştırıyor o yüzden yanlış. Birisi int değeri birisi string değerinden ( Bu denklik operatörü )
console.log(3 !== '3')          // true, hem değeri hemde veri türünü karşılaştırıyor o yüzden doğru. (Bu denk değil operatörü)
console.log(3 != 3)             // false, değeri karşılaştırıyor
console.log(3 !== 3)            // false, hem değeri hem de veri türünü karşılaştırıyor
console.log(0 == false)         // true, eşdeğer
console.log(0 === false)        // false, tam olarak aynı değil
console.log(0 == '')            // true, eşdeğer
console.log(0 == ' ')           // true, eşdeğer
console.log(0 === '')           // false, tam olarak aynı değil
console.log(1 == true)          // true, eşdeğer
console.log(1 === true)         // false, tam olarak aynı değil
console.log(undefined == null)  // true
console.log(undefined === null) // false
console.log(NaN == NaN)         // false, eşit değil
console.log(NaN === NaN)        // false
console.log(typeof NaN)         // number

console.log('mango'.length == 'avocado'.length)  // false
console.log('mango'.length != 'avocado'.length)  // true
console.log('mango'.length < 'avocado'.length)   // true
console.log('milk'.length == 'meat'.length)      // true
console.log('milk'.length != 'meat'.length)      // false
console.log('tomato'.length == 'potato'.length)  // true
console.log('python'.length > 'dragon'.length)   // false

Yukarıdaki karşılaştırmaları biraz mantıkla anlamaya çalışın. Herhangi bir mantık olmadan hatırlamak zor olabilir. JavaScript bir şekilde kablolu bir programlama dilidir. JavaScript kodu çalışır ve size bir sonuç verir, ancak bunda iyi değilseniz, istenen sonuç olmayabilir.

Temel kural olarak, eğer bir değer == ile doğru değilse, === ile eşit olmayacaktır. === kullanmak, == kullanmaktan daha güvenlidir. Aşağıdaki bağlantı veri türlerinin kapsamlı bir karşılaştırma listesine sahiptir.

Mantıksal Operatörler

Aşağıdaki semboller ortak mantıksal operatörlerdir: &&(ve işareti) , || (boru -veya-) ve !(olumsuzlama). && operatörü, yalnızca iki işlenen doğruysa doğru olur. || operatör, işlenenlerden herhangi birinin doğru olması durumunda gerçekleşir. ! operatör true - false ve false - true değerini olumsuzlar.

// &&   ve işareti operatörü örneği ( ampersand olarak anlandırılıyor)

const check = 4 > 3 && 10 > 5         // true && true -> true
const check = 4 > 3 && 10 < 5         // true && false -> false
const check = 4 < 3 && 10 < 5         // false && false -> false

// || boru veya operatör, örnek

const check = 4 > 3 || 10 > 5         // true  || true -> true
const check = 4 > 3 || 10 < 5         // true  || false -> true
const check = 4 < 3 || 10 < 5         // false || false -> false

//! olumsuzlama örnekleri

let check = 4 > 3                     // true
let check = !(4 > 3)                  //  false
let isLightOn = true
let isLightOff = !isLightOn           // false
let isMarried = !false                // true

Arttırma Operatörü

JavaScript'te, bir değişkende saklanan bir değeri artırmak için artırma operatörünü kullanırız. Artış, artış öncesi veya sonrası olabilir. Her birini görelim:

  1. Öncesi Artış
let count = 0
console.log(++count)        // 1
console.log(count)          // 1
  1. Sonrası Artış
let count = 0
console.log(count++)        // 0
console.log(count)          // 1

Artış sonrası zamanın çoğunu kullanırız. En azından artım sonrası operatörünü nasıl kullanacağınızı hatırlamalısınız.

Azaltma Operatörü

JavaScript'te, bir değişkende saklanan bir değeri azaltmak için azaltma operatörünü kullanırız. Azaltma, eksiltme öncesi veya sonrası olabilir. Her birini görelim:

  1. Öncesi Azaltma
let count = 0
console.log(--count) // -1
console.log(count)  // -1
  1. Sonrası Azaltma
let count = 0
console.log(count--) // 0
console.log(count)   // -1

Koşul Operatörü (Ternary - Üçlü )

Üçlü operatör bir koşul yazmaya izin verir. Koşullar yazmanın başka bir yolu da üçlü operatörleri kullanmaktır. Aşağıdaki örneklere bakın:

let isRaining = true
isRaining
  ? console.log('You need a rain coat.')
  : console.log('No need for a rain coat.')
isRaining = false

isRaining
  ? console.log('You need a rain coat.')
  : console.log('No need for a rain coat.')
You need a rain coat.
No need for a rain coat.
let number = 5
number > 0
  ? console.log(`${number} is a positive number`)
  : console.log(`${number} is a negative number`)
number = -5

number > 0
  ? console.log(`${number} is a positive number`)
  : console.log(`${number} is a negative number`)
5 is a positive number
-5 is a negative number

Operatör Önceliği

Bu bağlantıdan operatör önceliği hakkında okumanızı tavsiye ederim.

Window Metotları

Window alert() metot

En başta gördüğünüz gibi alert() metodu, belirtilen bir mesaj ve bir Tamam butonu ile bir uyarı kutusu görüntüler. Yerleşik bir yöntemdir ve argüman alır.

alert(message)
alert('Welcome to 30DaysOfJavaScript')

Yıkıcı ve sinir bozucu olduğu için çok fazla uyarı kullanmayın, sadece test etmek için kullanın.

Window prompt() metot

Pencere yöntemleri, tarayıcınızda giriş değerlerini almak için bir giriş içeren bir bilgi istemi kutusu görüntüler ve giriş verileri bir değişkende saklanabilir. prompt() yöntemi iki argüman alır. İkinci argüman isteğe bağlıdır.

prompt('required text', 'optional text')
let number = prompt('Enter number', 'number goes here')
console.log(number)

Window confirm() metot

confirm() yöntemi, bir Tamam ve İptal düğmesiyle birlikte belirli bir mesaj içeren bir iletişim kutusu görüntüler. Bir onay kutusu genellikle bir kullanıcıdan bir şeyi yürütmek için izin istemek için kullanılır. Pencere confirm() argüman olarak bir dize alır. Tamam'a tıklamak doğru değeri verir, İptal düğmesine tıklamak yanlış değeri verir.

const agree = confirm('Are you sure you like to delete? ')
console.log(agree) // result will be true or false based on what you click on the dialog box

Bunların hepsi window yöntemleri değil, window yöntemlerine derinlemesine girmek için ayrı bir bölümümüz olacak.

Date Objesi

Zaman önemli bir şeydir. Belirli bir faaliyetin veya olayın zamanını bilmek isteriz. JavaScript'te geçerli saat ve tarih, JavaScript Date Objesi kullanılarak oluşturulur. Date objesini kullanarak oluşturduğumuz nesne, tarih ve saat ile çalışmak için birçok yöntem sunar. Bir tarih nesnesi değerlerinden tarih ve saat bilgisi almak için kullandığımız yöntemler, bilgiyi sağladığı için get kelimesi ile başlamaktadır. getFullYear(), getMonth(), getDate(), getDay(), getHours(), getMinutes, getSeconds(), getMilliseconds(), getTime(), getDay()

Date time objesi

Bir Zaman Objesi Oluşturma

Bir kez zaman objesi oluşturduğumuzda zaman objesi, zaman hakkında bilgi sağlayacaktır. Bir zaman objesi oluşturalım.

const now = new Date()
console.log(now) // Sat Jan 04 2020 00:56:41 GMT+0200 (Eastern European Standard Time)

Bir time objesi oluşturduk ve tablo üzerinde bahsettiğimiz get yöntemlerini kullanarak objeden herhangi bir tarih saat bilgisine ulaşabiliyoruz.

Tam Yılı Almak

Bir zaman objesinden tam yılı çıkaralım veya alalım.

const now = new Date()
console.log(now.getFullYear()) // 2020

Ayı Almak

Bir zaman objesinden ayı çıkaralım veya alalım.

const now = new Date()
console.log(now.getMonth()) // Bunu yazdığınızda muhtemelen bulunduğunuz aydan bir önceki ayın sayısını alıcaktır çünkü aylar 0-11 arasında oluşuyor. Ocak 1 değil 0. ay oluyor aralıkta 11. ay oluyor.

Tarihi Almak

Bir zaman objesinden ayın tarihini çıkaralım veya alalım.

const now = new Date()
console.log(now.getDate()) // yukardaki örnekte bulunan açıklamaya ek olarak geçen ayın gün sayısını verecektir.

Günü Almak

Bir zaman objesinden haftanın gününü çıkaralım veya alalım.

const now = new Date()
console.log(now.getDay()) // 6, because the day is Saturday which is the 7th day
//  Sunday is 0, Monday is 1 and Saturday is 6
// Getting the weekday as a number (0-6)

Saati Almak

Bir zaman objesinden saatleri çıkaralım veya alalım.

const now = new Date()
console.log(now.getHours())  

Dakikayı Almak

Bir zaman objesinden dakikaları çıkaralım veya alalım.

const now = new Date()
console.log(now.getMinutes())  

Saniyeyi Almak

Bir zaman objesinden saniyeleri çıkaralım veya alalım.

const now = new Date()
console.log(now.getSeconds()) 

Zamanı Almak

Bu metot 1 Ocak 1970'den itibaren milisaniye cinsinden süre verir. Unix zamanı olarak da bilinir. Unix zamanını iki şekilde alabiliriz:

  1. getTime() Kullanımı
const now = new Date() //
console.log(now.getTime()) // çıktı farklı olacaktır , 1 Ocak 1970 den kullandığınız zaman arasındaki süreyi milisaniye cinsinden verecektir.
  1. Date.now() Kullanımı
const allSeconds = Date.now() //
console.log(allSeconds) // çıktı farklı olacaktır , 1 Ocak 1970 den kullandığınız zaman arasındaki süreyi milisaniye cinsinden verecektir.

const timeInSeconds = new Date().getTime()
console.log(allSeconds == timeInSeconds) // true

Bu değerleri insan tarafından okunabilir bir zaman biçimine biçimlendirelim.

Örnek:

const now = new Date()
const year = now.getFullYear() // yılı döndürür
const month = now.getMonth() + 1 // ayı döndürür (0 - 11) olduğu için +1 ekliyor
const date = now.getDate() // günü döndürür (1 - 31)
const hours = now.getHours() // sayıyı döndürür (0 - 23)
const minutes = now.getMinutes() // sayıyı döndürür (0 -59)

console.log(`${date}/${month}/${year} ${hours}:${minutes}`) // çıktı farklı olacaktır

🌕 Sınırsız bir enerjiniz var. 3. gün zorluklarını yeni tamamladınız ve mükemmelliğe giden yolda üç adım öndesiniz. Şimdi beyniniz ve kasınız için bazı egzersizler yapın.

💻 Gün 3: Egzersizleri

Egzersiz: Seviye 1

  1. firstName, lastName, country, city, age, isMarried, year değişkenlerini oluşturun ve bunlara değer atayın. Farklı veri türlerini kontrol etmek için typeof operatörünü kullanın.
  2. '10' türünün 10'a eşit olup olmadığını kontrol edin
  3. parseInt('9.8') 10'a eşit olup olmadığını kontrol edin
  4. Boolean değeri, doğru veya yanlıştır.
  5. Doğruluk değeri sağlayan üç JavaScript ifadesi yazın.
  6. Yanlış değer sağlayan üç JavaScript ifadesi yazın.

  7. console.log() kullanmadan önce aşağıdaki karşılaştırma ifadesinin sonucunu bulun. Sonuca karar verdikten sonra console.log() kullanarak onaylayın.

  8. 4 > 3
  9. 4 >= 3
  10. 4 < 3
  11. 4 <= 3
  12. 4 == 4
  13. 4 === 4
  14. 4 != 4
  15. 4 !== 4
  16. 4 != '4'
  17. 4 == '4'
  18. 4 === '4'
  19. Python ve jargonun uzunluğunu bulun ve yanlış bir karşılaştırma ifadesi yapın.

  20. console.log() kullanmadan önce aşağıdaki ifadelerin sonucunu bulun. Sonuca karar verdikten sonra console.log() kullanarak onaylayın.

  21. 4 > 3 && 10 < 12
  22. 4 > 3 && 10 > 12
  23. 4 > 3 || 10 < 12
  24. 4 > 3 || 10 > 12
  25. !(4 > 3)
  26. !(4 < 3)
  27. !(false)
  28. !(4 > 3 && 10 < 12)
  29. !(4 > 3 && 10 > 12)
  30. !(4 === '4')
  31. Hem dragon hem de python'da 'on' yoktur.

  32. Aşağıdaki etkinlikleri yapmak için Date nesnesini kullanın.

  33. Bugün yıl nedir?
  34. Bugünün ayı rakam olarak nedir?
  35. Bugünün tarihi nedir?
  36. Bugün sayı olarak gün nedir?
  37. Şimdi saat kaç?
  38. Dakika kaç şimdi?
  39. 1 Ocak 1970'den bugüne kadar geçen saniye sayısını bulun.

Egzersiz: Seviye 2

  1. Kullanıcıdan üçgenin tabanını ve yüksekliğini girmesini ve bir üçgenin alanını hesaplamasını isteyen bir komut dosyası yazın (alan = 0,5 x b x h).
Enter base: 20
Enter height: 10
The area of the triangle is 100
  1. Kullanıcıdan üçgenin a kenarını, b kenarını ve c kenarını girmesini ve üçgenin çevresini hesaplamasını isteyen bir komut dosyası yazın (çevre = a + b + c)
Enter side a: 5
Enter side b: 4
Enter side c: 3
The perimeter of the triangle is 12
  1. Komut istemini kullanarak uzunluk ve genişliği alın ve bir dikdörtgenin alanını hesaplayın (alan = uzunluk x genişlik ve dikdörtgenin çevresi (çevre = 2 x (uzunluk + genişlik))
  2. Komut istemini kullanarak yarıçapı alın ve bir dairenin alanını (alan = pi x r x r) ve bir dairenin çevresini (c = 2 x pi x r) hesaplayın, burada pi = 3.14.
  3. y = 2x -2'nin eğimini, x kesme noktasını ve y kesme noktasını hesaplayın
  4. Eğim m = (y2-y1)/(x2-x1). (2, 2) noktası ile (6,10) noktası arasındaki eğimi bulun
  5. Yukarıdaki iki sorunun eğimini karşılaştırın.
  6. y'nin değerini hesaplayın (y = x2 + 6x + 9). Farklı x değerleri kullanmayı deneyin ve y'nin hangi x değerinin 0 olduğunu bulun.
  7. Kullanıcıdan saat ve saat başına oran girmesini isteyen bir komut dosyası yazın. Kişinin ücretini hesapla?

    Enter hours: 40
    Enter rate per hour: 28
    Your weekly earning is 1120
    
  8. Adınızın uzunluğu 7'den büyükse, adınız uzun, yoksa adınızın kısa olduğunu söyleyin.

  9. Adınızın uzunluğunu ve soyadınızın uzunluğunu karşılaştırın ve bu çıktıyı almalısınız.

    let firstName = 'Asabeneh'
    let lastName = 'Yetayeh'
    
    Your first name, Asabeneh is longer than your family name, Yetayeh
    
  10. İki değişken myAge ve yourAge bildirin ve bunlara başlangıç değerleri ile myAge ve yourAge atayın.

let myAge = 250
let yourAge = 25
I am 225 years older than you.
  1. İstemi kullanarak, kullanıcının doğduğu yılı alır ve kullanıcı 18 veya daha büyükse, kullanıcıya belirli bir süre beklemesini söylemediği takdirde, kullanıcının araba kullanmasına izin verir.

    Enter birth year: 1995
    You are 25. You are old enough to drive
    
    Enter birth year: 2005
    You are 15. You will be allowed to drive after 3 years.
    

  2. Kullanıcıdan yıl sayısını girmesini isteyen bir komut dosyası yazın. Bir kişinin yaşayabileceği saniye sayısını hesaplayın. Birinin sadece yüz yıl yaşadığını varsayalım

Enter number of years you live: 100
You lived 3153600000 seconds.
  1. Tarih saat nesnesini kullanarak insan tarafından okunabilir bir saat biçimi oluşturun
  2. YYYY-MM-DD HH:mm
  3. DD-MM-YYYY HH:mm
  4. DD/MM/YYYY HH:mm

Egzersiz: Seviye 3

  1. Tarih saat nesnesini kullanarak insan tarafından okunabilir bir saat biçimi oluşturun. Saat ve dakika her zaman iki basamaklı olmalıdır (7 saat 07 ve 5 dakika 05 olmalıdır)
  2. YYY-MM-DD HH:mm eg. 20120-01-02 07:05

<< Gün 2 | Gün 4 >>