abdulkadir-erdeger/ecmascript-bilgi

Güncel EcmaScript kullanımı

Değişken Tanımlama

1. Var ES5 de kullanılan değişken atama yöntemidir. Var ile oluşturulan değişkenlere her yerden ulaşabildiği için sorunlar yaratmaktadır.

var x=5;
{
var x=10;
}
console.log("X Degeri:"+x)

X Degeri:10

2. Let blok kapsamlı olarak değişken tanımamıza olanak tanır.

let x=5;
{
let x=10;
}
console.log("X Degeri:"+x)

X Degeri:5

3. Const let gibi çalışır fakat değeri sonradan değiştirilemezdir.

const x=5;
{
const x=10;
}
console.log("X Degeri:"+x)

X Degeri:5

Spread (...) Operatörü

1- ... operatörü, bir öğeyi daha fazla öğeye genişletir.

const arabalar = ["Tofaş", "Volvo", ..."BMW"];
console.log(arabalar)

["Tofaş","Volvo","B","M","W"]

2- ... operatörü, iki dizinin öğelerini birleştirir.

const arabalar1 = ["Tofaş", "Volvo", "BMW"];
const arabalar2=["Ford","Wolkswagen"]
const tumAraclar=[...arabalar1,...arabalar2]

console.log(tumAraclar)

["Tofaş","Volvo","BMW","Ford","Wolkswagen"]

3- ... operatörü, bir dizideki öğeye çağrı yapıldığında bağımsız bir değişkene atamak için kullanılır.

const numbers = [23,55,21,87,56];
let maxValue = Math.max(...numbers);

console.log(maxValue)

87

For/Of Döngüsü

Arrays, Strings, Maps, NodeLists gibi yenilebilir veri yapıları üzerinde döngü oluşturmamızı sağlar.

const arabalar = ["BMW", "Volvo", "Mini"];

for (let x of arabalar) {
 console.log(x)
}

BMW
Volvo
Mini

Maps

1- Bir Nesneyi anahtar olarak kullanabilmeyi sağlar.

const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

console.log(fruits.get("apples"))

500

2- set() metodu ile yeni nesne ekleyebiliriz. get() metodu ile anahtar değerini alabiliriz.

const fruits = new Map();

fruits.set("apples", 500);

console.log(fruits.get("apples"))

500

3- delete() metoduna tanımlanan anahtarı siler.

const fruits = new Map([
  ["apples", 500],
  ["bananas", 300],
  ["oranges", 200]
]);

console.log(
fruits.delete("apples"))

true

4- clear() metodu ile tüm ögeleri siler.

fruits.clear();

Hazır Metodlar

1-Includes -> Başvurulan dizi bizim belirttiğimiz değeri içeririyorsa true/değilse false döner.

let text = "Merhaba Dünya";
console.log(text.includes("Merhaba"))

true

2-Keys -> Başvurulan dizinin anahtar değerlerini dizi şeklinde döner.

const meyveler = ["Elma", "Armut", "Kavun", "Çilek"];
let keys=meyveler.keys();
let text = "";
for (let x of keys) {
  text += x;
}
console.log(text) 

0123

3-Values -> Başvurulan dizinin değerlerini dizi şeklinde döner.

const meyveler = ["Elma", "Armut", "Kavun", "Çilek"];
let values=meyveler.values();
let text = "";
for (let x of values) {
  text += x;
}
console.log(text) 

ElmaArmutKavunÇilek