JS arşivleri - DevCodeBlog

JS – Rest Pattern ve Parametreler

Published on Şubat 17, 2024

Rest pattern ve rest parametreleri, programlamada sıkça kullanılan iki kavramdır. Her ikisi de verilerin işlenmesini ve yönetilmesini kolaylaştırır. Rest Pattern: Rest pattern, bir nesnenin veya dizinin kalan öğelerini tek bir…

Devamını okuyunuz…

Yorum Bırak

Js – Yıkım Genel

Published on Şubat 14, 2024

//1. Basit Dizi Yıkımı:

const arr = [1, 2, 3];

const a = arr[0];
const b = arr[1];
const c = arr[2];

// Ekrana sıradan dizi erişimi ile elemanları basar.
console.log(a, b, c); // 1 2 3

const [d, e, f] = arr;

// d,e,f değişkenlerini ekrana yazar.
console.log(d, e, f); // 1 2 3

//1. Basit Dizi Yıkımı:

const arr = [1, 2, 3];

const a = arr[0];

const b = arr[1];

const c = arr[2];

// Ekrana sıradan dizi erişimi ile elemanları basar.

console.log(a, b, c); // 1 2 3

const [d, e, f] = arr;

// d,e,f değişkenlerini ekrana yazar.

console.log(d, e, f); // 1 2 3

//2. Kalan Operatörü ile Kalan Elemanları Yakalamak:

const arr = [1, 2, 3, 4, 5];

const [x, y, ...z] = arr;

// x: 1, y: 2, z: [3, 4, 5]
console.log(x, y, z);

//2. Kalan Operatörü ile Kalan Elemanları Yakalamak:

const arr = [1, 2, 3, 4, 5];

const [x, y, ...z] = arr;

// x: 1, y: 2, z: [3, 4, 5]

console.log(x, y, z);

//3. Varsayılan Değerler ile Eleman Eksikliğini Yönetmek:
const arr = [1, 2];

const [a, b = 3, c = 4] = arr;

// a: 1, b: 2, c: 4
console.log(a, b, c);

//3. Varsayılan Değerler ile Eleman Eksikliğini Yönetmek:

const arr = [1, 2];

const [a, b = 3, c = 4] = arr;

// a: 1, b: 2, c: 4

console.log(a, b, c);

//4. Nesne Yıkımı:
const person = {
  name: "John Doe",
  age: 30,
  city: "İstanbul",
};

const { name, age } = person;

// name: "John Doe", age: 30
console.log(name, age);

//4. Nesne Yıkımı:

const person = {

age: 30,

city: "İstanbul",

};

const { name, age } = person;

// name: "John Doe", age: 30

console.log(name, age);

//5. İç İçe Dizi Yıkımı:
const arr = [[1, 2], [3, 4]];

const [[x, y], [a, b]] = arr;

// x: 1, y: 2, a: 3, b: 4
console.log(x, y, a, b);

//5. İç İçe Dizi Yıkımı:

const arr = [[1, 2], [3, 4]];

const [[x, y], [a, b]] = arr;

// x: 1, y: 2, a: 3, b: 4

console.log(x, y, a, b);

//6. Fonksiyon Parametresi Olarak Dizi Yıkımı:
function printNumbers([a, b, c]) {
  console.log(a, b, c);
}

const arr = [1, 2, 3];

printNumbers(arr); // 1 2 3

//6. Fonksiyon Parametresi Olarak Dizi Yıkımı:

function printNumbers([a, b, c]) {

console.log(a, b, c);

}

const arr = [1, 2, 3];

printNumbers(arr); // 1 2 3

//7. Dizi Elemanlarını Değiştirmek:
const arr = [1, 2, 3];

const [a, b, c] = arr;

[a, b, c] = [c, b, a];

// arr: [3, 2, 1]
console.log(arr);

//7. Dizi Elemanlarını Değiştirmek:

const arr = [1, 2, 3];

const [a, b, c] = arr;

[a, b, c] = [c, b, a];

// arr: [3, 2, 1]

console.log(arr);

//8. Nesne Özelliklerini Yeniden Adlandırmak:
const person = {
  firstName: "John",
  lastName: "Doe",
};

const { firstName: name, lastName: surname } = person;

// name: "John", surname: "Doe"
console.log(name, surname);

//8. Nesne Özelliklerini Yeniden Adlandırmak:

const person = {

firstName: "John",

lastName: "Doe",

};

const { firstName: name, lastName: surname } = person;

// name: "John", surname: "Doe"

console.log(name, surname);

//9. Karmaşık Nesne Yıkımı:
const person = {
  name: "John Doe",
  age: 30,
  address: {
    city: "İstanbul",
    country: "Türkiye",
  },
};

const { name, age, address: { city } } = person;

// name: "John Doe", age: 30, city: "İstanbul"
console.log(name, age, city);

//9. Karmaşık Nesne Yıkımı:

const person = {

age: 30,

address: {

city: "İstanbul",

country: "Türkiye",

};

const { name, age, address: { city } } = person;

// name: "John Doe", age: 30, city: "İstanbul"

console.log(name, age, city);

//10. Fonksiyon Dönüş Değerini Yıkmak:
function getPerson() {
  return {
    name: "John Doe",
    age: 30,
  };
}

const { name, age } = getPerson();

// name: "John Doe", age: 30
console.log(name, age);

//10. Fonksiyon Dönüş Değerini Yıkmak:

function getPerson() {

return {

age: 30,

};

}

const { name, age } = getPerson();

// name: "John Doe", age: 30

console.log(name, age);

Yorum Bırak

Js – Nesne Yıkımı

Published on Şubat 14, 2024

// Data needed for first part of the section
const restaurant = {
  name: 'Classico Italiano',
  location: 'Via Angelo Tavanti 23, Firenze, Italy',
  categories: ['Italian', 'Pizzeria', 'Vegetarian', 'Organic'],
  starterMenu: ['Focaccia', 'Bruschetta', 'Garlic Bread', 'Caprese Salad'],
  mainMenu: ['Pizza', 'Pasta', 'Risotto'],

  openingHours: {
    thu: {
      open: 12,
      close: 22,
    },
    fri: {
      open: 11,
      close: 23,
    },
    sat: {
      open: 0,
      close: 24,
    },
  },

  order: function (starterIndex, mainIndex) {
    return [this.starterMenu[starterIndex], this.mainMenu[mainIndex]];
  },
};
// Nesne içinden eleman yıkımı
const { name, openingHours, categories } = restaurant;
console.log(name, openingHours, categories);
//Nesne içinden eleman yıkımı farklı adla adlandırma
const {
  name: restaurantName,
  openingHours: hours,
  categories: tags,
} = restaurant;
console.log(restaurantName, hours, tags);

// Varsayılan değer atama. [] boş diziyi ifade eder.
const { menu = [], starterMenu: starters = [] } = restaurant;
console.log(menu, starters);

//Nesnenin değerlerini değişkene atama
let a = 12;
let b = 15;
const obj = {
  a: 34,
  b: 34,
  c: 45,
};

({ a, b } = obj);
console.log(a, b);

// Nested Object - İç içe Nesne

const {
  fri: { open: o, close: c },
} = openingHours;

console.log(o, c);

// Data needed for first part of the section

const restaurant = {

location: 'Via Angelo Tavanti 23, Firenze, Italy',

categories: ['Italian', 'Pizzeria', 'Vegetarian', 'Organic'],

starterMenu: ['Focaccia', 'Bruschetta', 'Garlic Bread', 'Caprese Salad'],

mainMenu: ['Pizza', 'Pasta', 'Risotto'],

openingHours: {

thu: {

open: 12,

close: 22,

fri: {

open: 11,

close: 23,

sat: {

open: 0,

close: 24,

order: function (starterIndex, mainIndex) {

return [this.starterMenu[starterIndex], this.mainMenu[mainIndex]];

};

// Nesne içinden eleman yıkımı

const { name, openingHours, categories } = restaurant;

console.log(name, openingHours, categories);

//Nesne içinden eleman yıkımı farklı adla adlandırma

const {

openingHours: hours,

categories: tags,

} = restaurant;

console.log(restaurantName, hours, tags);

// Varsayılan değer atama. [] boş diziyi ifade eder.

const { menu = [], starterMenu: starters = [] } = restaurant;

console.log(menu, starters);

//Nesnenin değerlerini değişkene atama

let a = 12;

let b = 15;

const obj = {

a: 34,

b: 34,

c: 45,

};

({ a, b } = obj);

console.log(a, b);

// Nested Object - İç içe Nesne

const {

fri: { open: o, close: c },

} = openingHours;

console.log(o, c);

Yorum Bırak

JS – Dizi Yıkımı

Published on Şubat 14, 2024

'use strict';

 // Array Dest - Dizi Yıkımı

// Data needed for first part of the section
const restaurant = {
  name: 'Classico Italiano',
  location: 'Via Angelo Tavanti 23, Firenze, Italy',
  categories: ['Italian', 'Pizzeria', 'Vegetarian', 'Organic'],
  starterMenu: ['Focaccia', 'Bruschetta', 'Garlic Bread', 'Caprese Salad'],
  mainMenu: ['Pizza', 'Pasta', 'Risotto'],

  order: function (starterIndex, mainIndex) {
    return [this.starterMenu[starterIndex], this.mainMenu[mainIndex]];
  },
};

const arr = [2, 3, 4];
const a = arr[0];
const b = arr[1];
const c = arr[2];

// Ekrana sıradan dizi  erişimi ile elemanları basar.
console.log(a, b, c);

const [d, e, f] = arr;
// d,e,f değişkenlerini ekrana yazar.
console.log(d, e, f);
console.log(arr);

const { name } = restaurant;
console.log(name);

// Eleman seçimi
const [first, second] = restaurant.categories;
console.log('[first, second] ' + first, second); // İtalian Pizzeria

// seçilen elemanları değişkenlere atama

const [main, secondary] = [first, second];
console.log('[main ,secondary] ' + main, secondary);

// Atlamalı eleman seçimi
const [cfirst, , csecond] = restaurant.categories;
console.log(cfirst, csecond); // İtalian Vegatarian

// İki değişken elemanlarının yer değiştirmesi istenirse
let [j, k] = [55, 20];
console.log(j, k);

[j, k] = [k, j];
console.log(j, k);

const [l, m, n, o, p] = restaurant.categories;
console.log(l, m, n, o, p); // p undefined

// Fonksiyon ile yıkım çağırma
const [starterMenu, mainMenu] = restaurant.order(2, 0);
console.log(starterMenu, mainMenu);

const nested = [2, 3, 4, 5, [5, 6]];
const [x, , , , y] = nested;
console.log(y); //[5,6]

const [z, q, r = 9] = [8, 9];
console.log(z, q, r);

'use strict';

// Array Dest - Dizi Yıkımı

// Data needed for first part of the section

const restaurant = {

location: 'Via Angelo Tavanti 23, Firenze, Italy',

categories: ['Italian', 'Pizzeria', 'Vegetarian', 'Organic'],

starterMenu: ['Focaccia', 'Bruschetta', 'Garlic Bread', 'Caprese Salad'],

mainMenu: ['Pizza', 'Pasta', 'Risotto'],

order: function (starterIndex, mainIndex) {

return [this.starterMenu[starterIndex], this.mainMenu[mainIndex]];

};

const arr = [2, 3, 4];

const a = arr[0];

const b = arr[1];

const c = arr[2];

// Ekrana sıradan dizi erişimi ile elemanları basar.

console.log(a, b, c);

const [d, e, f] = arr;

// d,e,f değişkenlerini ekrana yazar.

console.log(d, e, f);

console.log(arr);

const { name } = restaurant;

console.log(name);

// Eleman seçimi

const [first, second] = restaurant.categories;

console.log('[first, second] ' + first, second); // İtalian Pizzeria

// seçilen elemanları değişkenlere atama

const [main, secondary] = [first, second];

console.log('[main ,secondary] ' + main, secondary);

// Atlamalı eleman seçimi

const [cfirst, , csecond] = restaurant.categories;

console.log(cfirst, csecond); // İtalian Vegatarian

// İki değişken elemanlarının yer değiştirmesi istenirse

let [j, k] = [55, 20];

console.log(j, k);

[j, k] = [k, j];

console.log(j, k);

const [l, m, n, o, p] = restaurant.categories;

console.log(l, m, n, o, p); // p undefined

// Fonksiyon ile yıkım çağırma

const [starterMenu, mainMenu] = restaurant.order(2, 0);

console.log(starterMenu, mainMenu);

const nested = [2, 3, 4, 5, [5, 6]];

const [x, , , , y] = nested;

console.log(y); //[5,6]

const [z, q, r = 9] = [8, 9];

console.log(z, q, r);

Yorum Bırak

JavaScript’te spread operatörü

Published on Şubat 1, 2024

JavaScript’te spread operatörü ( … ) genellikle nesne veya dizilerin kopyalarını oluşturmak, birleştirmek veya döndürmek için kullanılır. Spread operatörü, özellikle modern JavaScript (ES6 ve sonrası) üzerinde yaygın olarak kullanılmaktadır. İşte…

Devamını okuyunuz…

2 Yorum

Falsy, Mantıksal OR, AND , Nullish Birleşme Operatörü, Optional Chaining

Published on Ocak 30, 2024

Boolean() fonksiyonu, içine verilen değeri boolean türüne dönüştürür. Ancak JavaScript’te bazı değerler “falsy” olarak kabul edilir ve 0 da bu değerlerden biridir. Falsy değerler şunlardır: false 0 “”(boş string), ”…

Devamını okuyunuz…

Yorum Bırak

Kategori: JS

JS – Rest Pattern ve Parametreler

Js – Yıkım Genel

Js – Nesne Yıkımı

JS – Dizi Yıkımı

JavaScript’te spread operatörü

Falsy, Mantıksal OR, AND , Nullish Birleşme Operatörü, Optional Chaining