52) Dizilere(Array) Giriş | JAVASCRIPT Dersleri

Enes Bayram
5 Oct 202207:36

Summary

TLDRDieses Video-Skript führt in das Konzept von Arrays in der Programmierung ein. Es erklärt, wie Arrays wie Einkaufskörbe für verschiedene Werte dienen und wie sie in der Praxis, wie auf einer Online-Plattform für Computer, eingesetzt werden. Der Fokus liegt auf der Verwendung von Arrays in JavaScript, wo sie flexibel genutzt werden können, um verschiedene Datentypen zu speichern. Der Sprecher vergleicht Arrays mit einem Bus, auf dem verschiedene Personen (Daten) sitzen, und erläutert die Verwendung von Indexzahlen, um auf bestimmte Elemente zuzugreifen.

Takeaways

  • 😀 Arrays (oder 'dizi' in Türkisch) sind in der Programmierung eine wichtige Datenstruktur, die es ermöglicht, viele Werte zu sammeln und als eine Einheit zu behandeln.
  • 📦 Arrays können als 'Seifenkisten' verglichen werden, in denen verschiedene Elemente gespeichert werden können, ähnlich wie Früchte in einem Einkaufskorb.
  • 💻 Im realen Leben, wie bei Online-Einkaufen, werden Arrays verwendet, um eine Vielzahl von Produkten zu organisieren und anzuzeigen.
  • 🔑 In JavaScript können Arrays verschiedene Datentypen enthalten, wie Strings, Numbers oder sogar andere Objekte, im Gegensatz zu manchen anderen Programmiersprachen.
  • 📝 Die Erstellung eines Arrays in JavaScript erfordert die Angabe des Datentyps und kann mit Schlüsselwörtern wie 'let' oder 'const' beginnen.
  • 🔑 Die Namen für Arrays können nach Belieben gewählt werden, solange sie den logischen Zweck erfüllen, z.B. 'isimler' für eine Liste von Namen.
  • 👥 Ein Array kann mehrere Werte enthalten, die durch Klammern separiert sind, und diese Werte können unterschiedliche Datentypen haben.
  • 🔢 In JavaScript beginnen Arrays mit dem Index 0, was bedeutet, dass der erste Eintrag im Array der Index 0 hat, der zweite der Index 1 usw.
  • 👉 Durch Verwendung von Indizes können spezifische Elemente eines Arrays direkt abgerufen werden, ähnlich wie die Nummer eines Bussitzes.
  • 🚫 Es ist wichtig, die Indexgrenzen eines Arrays zu beachten, da das Überschreiten dieser Grenzen zu einem Fehler führen kann.
  • 🔄 Arrays verfügen über verschiedene Methoden, die es ermöglichen, Elemente hinzuzufügen, zu entfernen oder zu manipulieren, wie 'push', 'pop', 'shift' usw.

Q & A

  • Was ist das Hauptthema des Skripts?

    -Das Hauptthema des Skripts ist die Einführung in Arrays, ihre Bedeutung und Verwendung in der Programmierung.

  • Warum sind Arrays wichtig in der Programmierung?

    -Arrays sind wichtig, weil sie es ermöglichen, mehrere Werte zu sammeln und als eine Einheit zu behandeln, ähnlich wie einen Einkaufswagen, in dem verschiedene Objekte gespeichert werden können.

  • Wie wird in dem Skript die Veranschaulichung von Arrays dargestellt?

    -Die Veranschaulichung erfolgt durch den Vergleich eines Arrays mit einem Einkaufswagen, der verschiedene Elemente wie Obst enthält.

  • Was ist ein Beispiel aus dem realen Leben, das im Skript erwähnt wird?

    -Ein Beispiel ist die Nutzung von Arrays in einem Online-Shop wie Trendyol, wo verschiedene Computermodelle in einem Array gespeichert werden können.

  • Was sind die Vorteile von Arrays gegenüber der Verwendung einzelner Variablen?

    -Arrays ermöglichen es, eine große Anzahl von Datenelementen effizient zu speichern und zu organisieren, ohne für jedes Element eine separate Variable zu definieren.

  • Wie wird in dem Skript die Deklaration eines Arrays erklärt?

    -Die Deklaration eines Arrays erfolgt durch das Festlegen des Datentyps, gefolgt von dem Schlüsselwort 'var' oder 'const' und einem passenden Arraynamen.

  • Was bedeuten die Klammern, die nach dem Arraynamen im Skript erwähnt werden?

    -Die Klammern nach dem Arraynamen signalisieren, dass das Array mehrere Elemente enthalten kann, ähnlich wie ein Geheimfach.

  • Wie werden Werte in ein Array eingefügt?

    -Werte werden in ein Array eingefügt, indem nach dem Arraynamen in Klammern die gewünschten Werte angegeben werden, z.B. 'isimler = ["Enes", "Kübra", "Ayşenur", "Adem"]'.

  • Was ist der Unterschied zwischen den Datentypen in Arrays in JavaScript im Vergleich zu anderen Programmiersprachen?

    -In JavaScript können Arrays Werte verschiedener Datentypen enthalten, im Gegensatz zu Sprachen wie Java oder C#, die oft nur homogene Datentypen in Collections zulassen.

  • Was bedeuten die Indizes in Bezug auf Arrays?

    -Indizes sind die Positionen innerhalb des Arrays, die verwendet werden, um auf die enthaltenen Elemente zuzugreifen. Sie beginnen in JavaScript mit 0.

  • Wie wird in dem Skript erklärt, wie man auf ein bestimmtes Element in einem Array zugreift?

    -Man greift auf ein bestimmtes Element in einem Array zu, indem man den Index des Elements verwendet, z.B. 'array[3]' würde das Element an der vierten Position im Array zurückgeben.

Outlines

00:00

😀 Einführung in Arrays

Dieser Absatz stellt die grundlegende Idee von Arrays vor, welche als Datenstrukturen dienen, um viele Werte zu sammeln und als eine Einheit zu behandeln. Der Sprecher vergleicht Arrays mit einem Einkaufswagen, in dem verschiedene Objekte gespeichert werden können, ähnlich wie verschiedene Arten von Computern auf einer E-Commerce-Website. Er erklärt, dass Arrays in der Praxis häufig verwendet werden und wie sie in der Programmierung verwendet werden, um Namen oder andere Daten zu speichern, ohne für jeden Wert eine separate Variable zu definieren.

05:02

🔢 Verwendung von Indizes in Arrays

In diesem Absatz wird erläutert, wie Indizes in Arrays verwendet werden, um auf ihre Elemente zuzugreifen. Der Sprecher erklärt, dass Arrays mit dem Index 0 beginnen und wie man mit ihnen Elemente aus dem Array abruft, indem man die Indexnummer angibt. Er betont, dass ein Fehler auftritt, wenn man versucht, auf einen Index zuzugreifen, der nicht existiert, was zu einer Exception führen kann. Der Absatz schließt mit der Andeutung, dass es in der nächsten Sitzung weitere Informationen zu Arrays geben wird.

Mindmap

Keywords

💡Dizi

Ein 'Dizi' ist in der Programmierung eine Sammlung von Elementen, die in einer bestimmten Reihenfolge gespeichert sind und auf die über einen Index zugegriffen werden kann. Im Video wird das Konzept der Dizi als zentrales Thema vorgestellt, um zu erklären, wie in der Praxis Daten gesammelt und verwaltet werden können. Zum Beispiel wird erwähnt, dass ein Einkaufswagen (Sepet) in der Realität wie eine Dizi funktioniert, indem verschiedene Werte (wie Obst) gesammelt werden.

💡Index

Der 'Index' ist ein Schlüsselbegriff, der in der Dizi-Thematik für die Position eines Elements in einer Sammlung steht. Im Video wird erläutert, dass Indizes bei Null beginnen und wie sie verwendet werden, um auf bestimmte Elemente in einer Dizi zuzugreifen. Ein Beispiel ist die Beschreibung, wie man einen Index verwenden kann, um auf den Namen einer Person in einer Liste (Dizi) zuzugreifen.

💡Element

Ein 'Element' ist eine Einheit von Daten, die in einer Dizi gespeichert ist. Im Video wird erklärt, dass jede Position in einer Dizi ein Element enthalten kann, welches verschiedene Datentypen wie Zahlen oder Zeichenketten sein kann. Das Beispiel eines Einkaufswagens, der verschiedene Obstsorten enthält, veranschaulicht das Konzept von Elementen in einer Dizi.

💡Variable

Eine 'Variable' ist ein Name, der einem Wert in einer Programmiersprache zugeordnet ist. Im Video wird erläutert, dass man statt 500 Variablen für die Namen von Mitarbeitern eine Dizi verwenden kann, um die Namen zu speichern und zu verwalten.

💡Verwendungszweck

Der 'Verwendungszweck' bezieht sich auf den Grund oder die Absicht, warum etwas verwendet wird. Im Video wird der Verwendungszweck von Dizi als Mittel zur Sammlung und Verwaltung von Werten hervorgehoben, wie zum Beispiel im Fall des Einkaufswagens (Sepet).

💡Objekte

Ein 'Objekt' kann in der Programmierung eine Instanz einer Klasse sein, die Daten und Methoden enthält. Im Video wird angedeutet, dass in JavaScript Objekte, die als Elemente in einer Dizi gespeichert sind, eine wichtige Rolle spielen.

💡Wert

Ein 'Wert' ist die tatsächliche Dateneinheit, die in einer Variablen gespeichert oder von einer Funktion zurückgegeben wird. Im Video wird erklärt, dass in einer Dizi verschiedene Werte gespeichert werden können, einschließlich Zahlen, Zeichenketten und andere Datentypen.

💡JavaScript

JavaScript ist eine Programmiersprache, die häufig für interaktive Benutzeroberflächen in Webseiten verwendet wird. Im Video wird JavaScript als Beispiel für eine Sprache genannt, die die Verwendung von Dizi unterstützt und dabei die Flexibilität ermöglicht, verschiedene Datentypen in einer Dizi zu speichern.

💡Fehler

Ein 'Fehler' tritt in der Programmierung auf, wenn etwas nicht wie erwartet funktioniert. Im Video wird beschrieben, wie ein Fehler auftreten kann, wenn man versucht, auf ein Element in einer Dizi zuzugreifen, das nicht existiert, indem der Index außerhalb des gültigen Bereichs liegt.

💡Methoden

Eine 'Methode' ist eine Funktion, die in einer Klasse oder einem Objekt definiert ist und oft mit dem Objekt oder einer Gruppe von Objekten arbeitet. Im Video wird erwähnt, dass Dizi bestimmte Methoden hat, die für die Verwaltung der enthaltenen Elemente verwendet werden können, wie zum Beispiel das Hinzufügen oder Entfernen von Elementen.

💡Konstante

Eine 'Konstante' ist ein Wert, der nach der Initialisierung nicht verändert werden kann. Im Video wird 'const' als Schlüsselwort vorgestellt, das verwendet wird, um eine Dizi zu deklarieren, die nach der Erstellung ihre Elemente nicht mehr verändern kann.

Highlights

Der Vortrag beginnt mit einer Einführung in das Konzept von Arrays und deren allgemeine Verwendung in der Programmierung.

Arrays werden als Sammlungen von Werten beschrieben, ähnlich wie ein Einkaufskorb, der verschiedene Objekte enthalten kann.

Das Konzept von Arrays wird durch ein Beispiel von einem Online-Shop illustriert, der verschiedene Computermodelle anbietet.

JavaScript wird als Programmiersprache hervorgehoben, die Objekte und Arrays in einer einzigen Struktur verwalten kann.

Ein Vergleich von JavaScript mit anderen Programmiersprachen, die möglicherweise keine solche Flexibilität bei Arrays zulassen.

Erklärung, wie man in JavaScript einen Array deklariert und initialisiert, einschließlich der Verwendung von Keywords wie 'let' oder 'const'.

Beispiel für die Verwendung von Arrays zum Speichern von Mitarbeiternamen in einer Firma.

Die Fähigkeit von Arrays, verschiedene Datentypen wie Zahlen und Strings in einer Struktur zu speichern.

Einführung des Konzepts der Indexierung in Arrays, verglichen mit den Plätzen in einem Bus.

Erklärung, dass Arrays in JavaScript mit null beginnen und nicht mit eins, was für die korrekte Elementauswahl wichtig ist.

Warnung vor dem Überschreiten des Indexlimits in einem Array, was zu einem Fehler führen kann.

Diskussion über die praktische Anwendung von Arrays in der täglichen Arbeit, wie zum Beispiel das Speichern von Mitarbeiterdaten.

Begründung, warum Arrays nützlich sind, um große Mengen von Daten zu organisieren und zu verwalten.

Einführung in die Verwendung von Arraymethoden wie 'push', 'pop' und andere, um die Elemente in einem Array zu manipulieren.

Die Vorstellung des Konzepts der for-Schleifen zur Durchlaufung von Arrays und Zugriff auf ihre Elemente.

Ein Beispiel zur Veranschaulichung der Verwendung von Indexzahlen, um auf Arrayelemente zuzugreifen.

Eine abschließende Zusammenfassung der Vorteile von Arrays in JavaScript und ihrer Anwendung in der Praxis.

Transcripts

play00:01

arkadaşlar Herkese merhabalar Bu dersi

play00:03

sizlerle beraber Ereğli'de yani dizilere

play00:06

giriş yapacağız önemli bir konu Aslında

play00:07

bu yani her yerde kullanabileceğiniz bir

play00:10

konudur çok önemlidir gerçek hayatta da

play00:14

sıklıkta Kullanmış olduğumuz çok değerli

play00:16

konulardan bir tanesi Aslında ereyler

play00:18

dediğimiz dizilerdir Şimdi ben bunu

play00:20

diğer programlama dillerini anlatırken

play00:22

de aynı mantıklı anlatıyordum genel bir

play00:24

resim çizdim çok basit bir şekilde Gene

play00:25

resim üzerinden çok basit olarak

play00:27

anlatacağım Öncelikle arkadaşlar ereyler

play00:30

ne demektir ereylerin Türkçe karşılığı

play00:32

dillerdir kullanım amacı şudur diziler

play00:36

birden çok değeri toplamak için bir

play00:39

bütün olarak tutmak için Kullanmış

play00:41

olduğumuz yapılardır mesela sepet gibi

play00:43

düşünün Sepetin içine elma var armutu

play00:46

var kayısı var bunu elimize taşımıyoruz

play00:48

sepete koyuyoruz sepet de bunu götür

play00:50

getir yapıyoruz mesela gerçek hayattan

play00:53

örnek vermem gerekirse

play00:55

Örneğin Trendyol bakın burada Mesela

play00:57

bilgisayar yazıp arama yaptığınızda

play00:59

karşınıza yüzlerce bilgisayar çeşidi

play01:02

geliyor bu bilgisayarların her biri

play01:04

Aslında arkadaşlar birer değer birer

play01:06

obje klasları falan ileride göreceğiz

play01:09

zaten javascrip çok böyle nesne önemli

play01:11

programlama dili değil Note tarafı öyle

play01:14

ama mantığını anlamanız için Şuradaki

play01:17

görmüş olduğunuz her bir

play01:19

resim arkadaşlar veriler Aslında Bunlar

play01:22

Bir Ereğli tutuluyor Mesela bu ereyin

play01:25

yani Sepetin birinci elemanı Bu ikinci

play01:28

elemanı Bu üçüncü elemanı bu 4 elemanı 8

play01:31

10 100 1000 Neyse artık bunların hepsine

play01:34

bu Sepetin içine koyuyorlar Siz burada

play01:37

arama yaptığınızda bu Sepetin içindeki

play01:39

elemanları tek tek üzerine dönüp ekrana

play01:42

koyuyorlar Mesela sizin

play01:44

personellerin adlarını tutmanıza

play01:47

ihtiyacınız var Normalde Bizler ne

play01:49

yapardık Arkadaşlar şöyle yapardık değil

play01:50

mi bakın geldim buraya işte led isim

play01:53

verdik en iyisi tutacağım şimdi bunun

play01:56

yanında Ahmet'in Mehmet'i diğer

play01:58

personellerin isimlerini de tutmanız

play01:59

gerekiyor yaklaşık 500 tane belki

play02:01

çalıştığınız var Ne yapacaksınız her

play02:03

biri için isim bir isim ki böyle 500

play02:06

tane değişken mi tanımlayacağız Tabii ki

play02:08

de Hayır burada işte diziler devreye

play02:10

giriyor Peki diziler nasıl kullanılıyor

play02:12

Arkadaşlar gördüğünüz gibi ilk başta

play02:14

burada veri tipini belirtmemiz gerekiyor

play02:16

led var

play02:18

gibi keyword'leri kullanarak

play02:20

tanınmayacağız Zaten bunlar arasındaki

play02:22

farkları da konuşmuştuk benim size

play02:25

tavsiyem var kullanmayın ya led

play02:27

gerekiyorsa da const kullanın burada

play02:30

tanımladıktan sonra arkadaşlar Dizinin

play02:32

ismi geliyor burada her türlü ismi

play02:34

verebilirsiniz mesela isimler derseniz

play02:36

name istersiniz personel name istersiniz

play02:39

buraya istediğiniz mantıklı bir ismi ama

play02:42

mantıklı olacak şekilde isminizi verin

play02:44

arkadaşlar eşittir den sonra atama

play02:47

operatöründen sonra şu gördüğünüz kutu

play02:49

parantezler geliyor bir yerde şu şekilde

play02:52

kutu parantezler varsa Bunun Türkçesi

play02:54

gizlidir Aslında içinde birden fazla

play02:57

eleman tutabilir anlamına gelir ben

play03:00

burada ne yapmışım Enes'i a demek Kübra

play03:03

ve Ayşenur adında 4 tane kişinin ismini

play03:07

tutmuşum Arkadaşlar yarın bu 4 isim bana

play03:09

lazım olduğunda ekranda göstermem

play03:11

gerektiğinde bu dizinin üzerinde foruç

play03:14

döngüsüyle for döngüsüyle bunların

play03:15

hepsini öğrendik dönüp ekranda

play03:20

aynı zamanda mesela fark ettiyseniz

play03:22

Bunların hepsi String veri tipinde bakın

play03:25

çift tırnaklar içinde tanımlanmış bir

play03:27

dizinin içerisinde farklı tipte

play03:29

tanımlanmış olan değerleri de

play03:31

tutabiliriz Örneğin Hint burada number

play03:33

iken bu turu burada Blue String bu

play03:36

karakter nal ve Aslında ondalıklı sayı

play03:40

Burada gördüğünüz gibi hepsini bir bütün

play03:42

olarak tutabilirsiniz normalde bunu Java

play03:44

gibi c# gibi programlama dillerinde

play03:46

yapamazsınız arkadaşlar der ki mesela

play03:49

diğer programlama dillerinde Ben sadece

play03:52

bu diziye integer değerler tutabilir

play03:54

diye biliyordum yani sayıları tutabilir

play03:56

stringleri koyamazdınız veya sadece

play03:59

String tutacak derdimiz numberları

play04:02

tutamazdınız tek tipte değerler tutardı

play04:05

diğer programlama dillerinde Ama

play04:06

javascrip'te herhangi bir tip

play04:08

bağımlılığı olmadan farklı farklı ipteki

play04:11

değerleri de tek bir dizi içerisinde

play04:13

tutabiliyoruz arkadaşlar

play04:16

Şimdi burada size aklınıza kalması için

play04:19

bir otobüs gibi bir şey çizdim

play04:21

Burada da 4 tane koltuğumuz var bu

play04:24

koltukta birinci koltukta Enes Adem

play04:26

Kübra ve Ayşenur oturuyor arkadaşlar

play04:30

Sizler Yarın dediniz ki ya bana Mesela

play04:33

burada Kübra'yı almak istediğinizde

play04:36

Kübra değerini almak istediğinizde

play04:38

Aslında üçüncü Koltukta oturan kişiden

play04:40

bahsediyorsunuz değil mi yani gerçek

play04:43

hayatta biz ne deriz 3 Koltukta oturan

play04:45

bayan bakar mısınız değil mi hani koltuk

play04:47

numarası ile yakalarız kişi veya beni

play04:50

yakalayacaksınız mesela birinci Koltukta

play04:52

oturan kişi veya ben yarın bir gün bu

play04:54

koltukta bir suç işlersem Yarın

play04:56

sistemden bakacaklar bu otobüs kiralama

play04:59

şirketinde bir numaralı koltuğu kim

play05:01

tarafından kiralandı kim oturdu koltukta

play05:03

benim koltuk numarama göre

play05:05

yakalayacaklar beni İşte biz ne

play05:08

yapıyoruz gerçek hayatta koltuk

play05:10

numaralarını kullanıyoruz ya burada da

play05:12

arkadaşlar dizilerde de index dediğimiz

play05:14

kavramı kullanıyoruz şuraya yazayım Dex

play05:17

diyoruz

play05:18

indeks kavramı

play05:20

bu Aslında şimdi Bizler Normalde gerçek

play05:23

hayatta saymaya sıfırdan şey birden

play05:25

başlarız ama diziler saymayı sıfırdan

play05:28

başlıyor bakın sıfırıncı indeks 1 indeks

play05:32

2 indeks 3 indeks Ben yarın işte

play05:36

sıfırıncı indeksteki kişi buraya Gel

play05:38

Dersem buradaki Enes gelecek arkadaşlar

play05:41

ben yarın 3 indeksteki kişiyi çağırırsam

play05:44

burada Ayşenur gelecek Yani benim

play05:47

buradaki gerçek hayatta koltuk

play05:49

numaralarımın karşılığı dizilerde

play05:52

indeksler oluyor arkadaşlar ve en dikkat

play05:54

etmeniz gereken şey diziler saymaya

play05:57

sıfır birden değil sıfırdan saymaya

play05:59

başlar

play06:00

ve siz şöyle bir şey yaparsınız mesela

play06:03

diziye diyebilirsiniz ki programımı

play06:05

dinle Git bana 5 indeksteki kişiyi getir

play06:08

yani 5 indeksteki kişiyi getir

play06:10

diyorsunuz şimdi bakıyor 01.23 ama 5

play06:14

indeks denilen bir şey yok değil mi

play06:16

burada hata alırsınız derleyici hisseder

play06:19

ki kardeşim sen beşincinindeki tekini

play06:21

istiyorsun ama 5 indeksi oturan bir kişi

play06:23

yok Sizi orada erey index All of bandex

play06:26

Action denilen indeks sınırını aştın

play06:28

gibi bir exception fırlatacak ve bu

play06:30

hatayı alacaksınız bunları da ileride

play06:32

göstereceğim zaten

play06:33

Ama genel olarak indekslerini çalışma

play06:36

yapısı budur indexler birden fazla

play06:39

değeri bir bütün olarak tutmaya yarayan

play06:41

yapılardır bir sepet gibi

play06:43

düşünebilirsiniz indeksler saymayı

play06:45

sıfırdan başlar birden başlamaz Ayrıca

play06:49

Bizler indeksleri kullanarak dizimizin

play06:52

içerisindeki elemanlara erişebilir

play06:54

onları dilediğimiz yerde kullanabiliriz

play06:57

arkadaşlar tamamen yapısı budur çok da

play06:59

Uzatmaya gerek yok şöyle İnternet

play07:01

araştırma yaptığınızda da işte bir dizi

play07:04

nasıl oluşturulur bakın benim yaptığım

play07:06

gibi ben led de tanımadım bu abimiz

play07:08

varla tanımlamış işte boş bir dizi

play07:11

oluşturmak işte dizinin içine eleman

play07:13

atamak gibi işte dizinin içindeki hazır

play07:16

metotların kullanımları falan len giydi

play07:19

şu şortuydu

play07:20

poptu falan böyle metotlar var Bunlar

play07:23

basit şeyler siz bizi ne için

play07:25

kullandığınızı anlarsınız gerisi çocuk

play07:27

oyuncağı Bir sonraki derste

play07:31

devam edelim arkadaşlar kendinize iyi

play07:33

bakın iyi günler diliyorum

Rate This

5.0 / 5 (0 votes)

関連タグ
ProgrammierungArraysBeispielEreğliDatentypenVariablenIndexWerteObjekteJavaScript
英語で要約が必要ですか?