JavaScript Dizileri: Dosya İşlemleri ve Veri Saklama konulu bu yazıda, JavaScript dilinde dizilerin dosya işlemleri için nasıl kullanılabileceğine ve veri saklama yöntemlerine değinilecektir Okumak için tıklayın!

JavaScript, web uygulamaları geliştirirken en çok kullanılan programlama dillerinden biridir. Bu dil sayesinde web sayfalarında canlı ve etkileşimli içerikler oluşturmak mümkün hale gelir. Bu da kullanıcı deneyimini artırır. JavaScript'te birçok veri saklama yöntemi vardır. Bu yöntemlerden biri dizilerdir.

Diziler, birden fazla değerin aynı değişken içinde saklanmasını sağlar. Dizilerle, veriler gruplanabilir ve daha düzenli bir şekilde kullanılabilir. Örneğin, bir dizi içinde birden fazla sayı saklanabilir ve bu sayılar üzerinde işlemler yapılabilir. Ayrıca, bir dizi içerisinde birden fazla farklı veri türü de saklanabilir.

JavaScript'te dizi tanımlamak oldukça basittir. Sıfır veya daha fazla eleman içeren bir dizi, köşeli parantezler içerisinde tek tek elemanları belirterek tanımlanır ve virgülle ayrılır. Örneğin:

let sayilar = [1, 2, 3, 4, 5];

Bu şekilde, "sayilar" isimli bir dizi, 1'den 5'e kadar olan sayıları içinde barındırır. Dizi elemanlarına erişmek için bir indis numarası kullanılır. İlk elemanın indisi 0'dır. Örneğin:

// sayilar dizisinin üçüncü elemanına erişmeklet ucuncuSayi = sayilar[2];

Bu şekilde, "ucuncuSayi" isimli değişkene "sayilar" dizisinin üçüncü elemanı atanır. Üçüncü eleman, 3'tür.

Diziler, verilerin saklanması ve yönetilmesi açısından oldukça kullanışlıdır. JavaScript programlamaya yeni başlayanlar için dizileri anlamak ve kullanmak önemlidir.

Dosya İşlemleri

JavaScript, web uygulamalarının dinamik olmasına yardımcı olan popüler bir programlama dilidir. Bu dil, veri saklama ve dosya işlemleri yapmak açısından da oldukça kullanışlıdır. JavaScript'te diziler, veri saklamak için en sık kullanılan yapılar arasındadır ve dosya işlemleri de JavaScript kullanarak kolaylıkla yapılabilir.

Dosya işlemleri, JavaScript'te önceden belirtilmiş fonksiyonlarla gerçekleştirilir. Bu fonksiyonlar sayesinde dosya okuma, yazma ve oluşturma işlemleri yapılabilir. Dosya okuma işlemi, dosyanın içeriğinin okunmasında kullanılırken, dosya yazma işlemi yeni bir dosya oluşturulmasını veya mevcut bir dosyanın üzerine yazılmasını sağlar. Dosya oluşturma işlemi ise yeni bir dosyanın oluşturulmasını sağlar.

Dosya işlemlerini gerçekleştirmek için JavaScript içerisinde birkaç farklı fonksiyon kullanılmaktadır. Bu fonksiyonlar arasında "FileReader()" ve "FileWriter()" gibi önceden belirtilmiş fonksiyonlar yer alır. Aşağıdaki tabloda bu fonksiyonlar ve kullanımları hakkında daha detaylı bilgi verilmiştir:

Dosya işlemlerinde kullanılan fonksiyonların nasıl kullanılacağına dair kod örnekleri de aşağıda yer almaktadır:

• Text dosyasını okuma örneği:

        var file = new File(["Bu bir örnek metin"], "ornek.txt", {type: "text/plain;charset=utf-8"});        var reader = new FileReader();                reader.onload = function (event) {            console.log(event.target.result);        };        reader.readAsText(file);    

• JSON dosyasını okuma örneği:

        var file = new File(["{\"firstName\":\"John\", \"lastName\":\"Doe\"}"], "ornek.json", {type: "application/json;charset=utf-8"});        var reader = new FileReader();                reader.onload = function (event) {            console.log(JSON.parse(event.target.result));        };        reader.readAsText(file);    

• Text dosyasına yazma örneği:

        var file = new File([], "ornek.txt", {type: "text/plain;charset=utf-8"});        var writer = new FileWriter(file);                writer.onwriteend = function(event) {            console.log("Dosya yazıldı.");        };        writer.write("Bu bir örnek metindir.");    

• JSON dosyasına yazma örneği:

        var file = new File([], "ornek.json", {type: "application/json;charset=utf-8"});        var writer = new FileWriter(file);        var data = {"firstName":"John", "lastName":"Doe"};                writer.onwriteend = function(event) {            console.log("Dosya yazıldı.");        };        writer.write(JSON.stringify(data));    

Dosya Okuma

Dosya okuma işlemi, JavaScript'te oldukça yaygın bir işlemdir ve farklı dosya türleri için de kullanılabilir. Bu işlem kullanıcıların dosyaların içeriğini okumasına olanak sağlar. Metin tabanlı dosyaların içeriği, dosya nesnesi üzerinden kolayca okunabilir. Öncelikle, dosya okuma işlemi için bir dosya nesnesi oluşturulur. Daha sonra bu nesne üzerinden dosya okuma işlemi yapılır.

Metin dosyaları için dosya okuma işlemi oldukça kolaydır. Dosyayı açmak için `FileReader` nesnesi kullanılır ve dosya okuma işlemi gerçekleştirilir. Örnek olarak, bir metin dosyasındaki verileri okuyan bir kod şu şekilde olabilir:

```var dosya = new FileReader();dosya.readAsText("veriler.txt");

dosya.onload = function() { console.log(dosya.result);};```

JSON dosyaları için okuma işlemi ise biraz daha farklıdır. Öncelikle dosyayı okumak için `XMLHttpRequest` kullanılır. Daha sonra dosya içeriği `JSON.parse()` fonksiyonu kullanılarak ayrıştırılır. Örnek olarak, bir JSON dosyasındaki verileri okuyan bir kod şu şekilde olabilir:

```var xmlhttp = new XMLHttpRequest();xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var veriler = JSON.parse(this.responseText); console.log(veriler); }};xmlhttp.open("GET", "veriler.json", true);xmlhttp.send();```

Dosya okuma işlemi, JavaScript'te birçok farklı dosya türü için kullanılabilir ve kullanıcılara dosyaların içeriğini okuma olanağı sağlar.

Text Dosyalarını Okuma

JavaScript dilinde dosya işlemleri oldukça önemlidir. Bu işlemler içerisinde dosya okuma da oldukça önemli bir yere sahiptir. Metin tabanlı dosyaların içeriğini okumak için kullanılan yöntemlerden biri de dosyayı satır satır okumaktır.

Aşağıda örnek bir kod bloğu verilmiştir. Bu kod bloğu metin dosyasını açar, ilk satırını okur ve konsola yazdırır:

    var fs = require('fs');     var fileName = 'ornekDosya.txt';     // Dosya okuma işlemi     fs.readFile(fileName, 'utf8', function (err,data) {         if (err) {             return console.log(err);         }         console.log(data);     }); 

Yukarıdaki kod satırlarında, fs modülü kullanılarak dosya işlemleri yapılır. readFile() metodu kullanılarak dosya okunur ve içeriği konsola yazdırılır. Burada 'utf-8' düzenli ifadesi kullanılarak dosyanın karakter seti belirlenir.

Dosya okumayla ilgili örnek kodları incelerken, dosya okuma işleminin synchronic (senkron) ve asynchronic (asenkron) olarak gerçekleştirilebileceğine dikkat etmek gerekir. Senkron dosya okumada işlem tamamlanana kadar diğer işlemler engellenirken, asenkron dosya okumada işlem diğer işlemler devam ederken arka planda gerçekleştirilir.

Dosya okuma işlemlerinde kullanılan bu yöntemler sayesinde, metin tabanlı dosyaların içeriklerine kolaylıkla erişilebilir.

JSON Dosyalarını Okuma

JSON dosyaları, web sitelerinde sıklıkla kullanılan veri saklama formatıdır. Bu nedenle JavaScript ile çalışırken, JSON dosyalarını okuma işlemi oldukça önemlidir. JSON dosyalarını okumak ve içeriklerini kullanmak için, JavaScript'te birçok fonksiyon ve yöntem bulunur.

Öncelikle, JSON dosyasının içeriğini okumak için fetch() fonksiyonu kullanılır. Bu fonksiyon, sunucudan JSON verilerini alır ve JavaScript tarafından kullanılabilir hale getirir. Ardından, json() yöntemi kullanılır. Bu yöntem, fetch() fonksiyonunun döndürdüğü Promise nesnesi üzerinde çalışır ve verileri ayrıştırır.

Aşağıdaki örnek, bir JSON dosyasının içeriğini okuyup yazdırmak için kullanılabilir:

```javascriptfetch('veri.json') .then(response => response.json()) .then(data => console.log(data)) .catch(error => console.error(error));```

Yukarıdaki örnek, veri.json dosyasındaki verileri alır ve konsol ekranında yazdırır. Eğer veri.json dosyası bulunamazsa, Promise nesnesi reject edilir ve hata mesajı konsol ekranında yazdırılır.

JSON verileri, JavaScript nesneleri gibi kullanılabilir. Bu nedenle, bir JSON nesnesini bir değişkene atayarak, içeriğini okuyabiliriz. Aşağıdaki örnek, JSON nesnesi olan "kullanici"nın içeriğini okuyup, kullanıcının adını ekrana yazdırır:

```javascriptlet kullanici = { "adi": "John", "soyadi": "Doe", "yas": 25};

console.log(kullanici.adi);```

Yukarıdaki örnek, kullanici adında bir JSON nesnesi oluşturur ve kullanıcının adını console.log() fonksiyonuyla ekrana yazdırır.

JSON dosyalarını okumak oldukça basit bir işlemdir. Bu işlemi yapmak için, JavaScript'te fetch() fonksiyonu ve json() yöntemi kullanılarak, JSON verileri ayrıştırılır ve kullanılabilir hale getirilir. JSON verileri, JavaScript nesneleri gibi kullanılır ve kolayca okunabilir hale getirilebilir.

Dosya Yazma

JavaScript'te dosyalara yazmak için, writeFile adlı bir fonksiyon ve fs (file system) adlı bir modül kullanılabilir. writeFile fonksiyonu, 3 adet parametre alır: dosya adı, yazılacak veri ve bir geri çağırma fonksiyonu.

Öncelikle, fs modülü dosya sistemi işlemlerini yapmak için kullanılmalıdır. Aşağıda dosyaya yazma örneği gösterilmiştir:

const fs = require('fs');const data = 'Merhaba Dünya!';fs.writeFile('yeniDosya.txt', data, (err) => {  if (err) throw err;  console.log('Dosya yazıldı');});

Bu örnekte, writeFile fonksiyonu kullanılarak 'yeniDosya.txt' adlı bir dosya oluşturulur ve içine 'Merhaba Dünya!' yazısı yazılır. Eğer dosya mevcut değilse, otomatik olarak oluşturulur. Dosya yazma işlemi başarıyla tamamlandığında 'Dosya yazıldı' yazısı konsolda görüntülenir.

Yazma işlemi sırasında oluşabilecek hataları yakalamak için try-catch blokları da kullanılabilir. Ayrıca, yazılacak veri JSON formatında da olabilir. Aşağıda örnekler yer almaktadır:

const fs = require('fs');const data = 'Bu bir metin dosyasına yazılacak veridir.';fs.writeFile('yeniMetinDosyasi.txt', data, (err) => {  if (err) throw err;  console.log('Metin dosyasına yazıldı');});

const fs = require('fs');const data = {  ad: 'John',  soyad: 'Doe',  yas: 30};const jsonData = JSON.stringify(data);fs.writeFile('yeniJsonDosyasi.json', jsonData, (err) => {  if (err) throw err;  console.log('JSON dosyasına yazıldı');});

Bu örnekte, JSON formatında bir veri oluşturulur ve fs.writeFile fonksiyonu kullanılarak 'yeniJsonDosyasi.json' adlı bir dosyaya yazılır. Veri, JSON.stringify fonksiyonu ile JSON formatına dönüştürülür.

Text Dosyalarına Yazma

Text dosyalarına yazma, JavaScript'te oldukça basit bir işlem olarak karşımıza çıkar. Bu işlemi gerçekleştirmek için öncelikle dosya yazma işlemi ile nasıl bir dosya oluşturulacağı anlaşılmalıdır. Daha sonra bu dosyaya yazı yazmak için bir fonksiyon kullanılır.

İlk olarak, bir dosya nasıl oluşturulur? Bunun için öncelikle bir dosya adı belirlenir ve yazma işlemini gerçekleştirecek olan fonksiyon yazılır. Aşağıdaki örnek kodda "myFile.txt" adında bir dosya oluşturulup içerisine "Hello world!" yazısı yazılmaktadır:

var dosyaAdi = "myFile.txt";var yazilacakIcerik = "Hello world!";
function dosyaYaz() {  var fs = require('fs');  fs.writeFile(dosyaAdi, yazilacakIcerik, function (err) {    if (err) throw err;    console.log('Dosya başarıyla oluşturuldu ve yazıldı.');  });}        

Yukarıdaki örnekte, fs.writeFile() fonksiyonu kullanılarak "myFile.txt" adlı dosya oluşturulur ve içerisine "Hello world!" yazısı yazılır. Eğer dosya adı ve yazılacak içerik değiştirilirse, herhangi bir metin dosyasına yazı yazılabilir.

Bir diğer örnek olarak, belirli bir metin dosyasına kullanıcı tarafından girilecek olan verilerin yazılması düşünülebilir. Aşağıdaki örnek kodda, bir HTML sayfası üzerinde bir metin kutusu ve bir buton yer almaktadır. Kullanıcı bu metin kutusuna herhangi bir yazı girerse, yazı automateTxt.txt adlı bir metin dosyasına yazılır:

<html>  <head>    <script>      function dosyaYaz() {        var fs = require('fs');        var dosyaAdi = "automateTxt.txt";        var yazilacakIcerik = document.getElementById("yazi").value;          fs.writeFile(dosyaAdi, yazilacakIcerik, function (err) {          if (err) throw err;          console.log('Dosya başarıyla oluşturuldu ve yazıldı.');        });      }    </script>  </head>  <body>    <input type="text" id="yazi">    <button onclick="dosyaYaz()">Yazdır</button>  </body></html>        

Yukarıdaki örnekte, kullanıcı tarafından girilen yazı document.getElementById() fonksiyonu ile alınır ve kullanılarak "automateTxt.txt" adlı dosyaya yazılır.

JavaScript'te text dosyalarına yazma işlemi, oldukça basit bir şekilde gerçekleştirilebilir. Yukarıdaki örneklerde olduğu gibi fs.writeFile() fonksiyonu kullanılarak herhangi bir text dosyasına yazı yazılabilir.

JSON Dosyalarına Yazma

JavaScript'te birçok veri saklama yöntemi vardır, ancak JSON dosyaları en popüler ve yaygın kullanılan bir yöntemdir. JSON verileri, nesneleri ve dizileri kolayca saklayabilen basit bir metin formatındadır. JSON dosyalarına yazma işleminin nasıl yapılacağına dair örnekler aşağıdaki gibidir:

let myObject = {name: "John", age: 30, city: "Istanbul"};let myJSON = JSON.stringify(myObject);fs.writeFileSync("myJSONFile.json", myJSON);

let myObject = {name: "John", age: 30, city: "Istanbul"};let myJSON = JSON.stringify(myObject);fs.appendFileSync("myJSONFile.json", myJSON);

Yukarıdaki örneklerde, JavaScript kodu kullanılarak bir nesne oluşturulur ve JSON.stringify() fonksiyonu kullanılarak JSON formatına dönüştürülür. Daha sonra, fs.writeFileSync() fonksiyonu kullanılarak JSON dosyası oluşturulur ve myJSON verisi yazılır. fs.appendFileSync() fonksiyonu kullanılarak JSON dosyasına veri de eklenebilir.

Ayrıca, JSON dosyasına yazma işlemi kullanıcı etkileşimli web sayfalarında kullanılabilir. Örneğin, kullanıcının bir form doldurduğu ve verilerin JSON dosyasına yazıldığı senaryolarda kullanılabilir.

Dosya Oluşturma

JavaScript'te dosya oluşturma işlemini gerçekleştirmek için birçok yöntem vardır. Bunların en yaygın kullanılanları write() ve writeln() fonksiyonlarıdır. Bu fonksiyonlarla dosya oluşturma işlemi çok kolay hale gelmektedir.

write() fonksiyonu, dosya oluşturma işleminde kullanılacak içeriği yazmak için kullanılır. İçeriği dosya içine yazdıktan sonra, aynı işlemi devam ettirebilmek için, dosyanın açık kalmaya devam etmesi gerekir. Bu nedenle, dosyanın kapatılmadan önce, içindeki tüm içeriğin kaydedilmesi gerekir.

writeln() fonksiyonu ise, dosyanın yeni bir satırdan başlatılmasını sağlar. Bu fonksiyonu kullanmadan önce, dosyanın açık olması gerekmektedir. Bu işlem için açılan dosyadan önce bir başlık veya açıklama satırı yazılarak, yeni içerik yazılabilir. Bu sayede daha anlaşılır bir dosya elde edilir.

Örneğin, bir metin dosyası oluşturmak istenirse, öncelikle dosya adı ve uzantısı belirlenir. Ardından, dosya açılır ve write() veya writeln() fonksiyonu kullanarak dosyaya yazılır. Örneğin;

<!DOCTYPE html><html>  <body>    <script>      // Dosya oluşturma işlemi      var dosya = 'test.txt';      document.write('Dosya oluşturuluyor...<br>');      // Dosya oluşturma işlemi yazdırılıyor      if(confirm('Dosya oluşturulsun mu?')){        var dosya_olustur = new ActiveXObject('Scripting.FileSystemObject');        var dosya_yazi = dosya_olustur.CreateTextFile(dosya);        dosya_yazi.write('Dosya oluşturma işlemleri çok kolay.<br>');        dosya_yazi.write('Bu dosya bir test dosyasıdır.<br>');        dosya_yazi.close();        document.write(dosya + ' dosyası oluşturuldu.');      } else {        document.write('Dosya oluşturma işlemi iptal edildi.');      }    </script>  </body></html>

Bu kod bloğu, kullanıcıya bir onay kutusu gösterir ve kullanıcı onayladığı takdirde, Scripting.FileSystemObject nesnesi ile bir text dosyası oluşturur. Bu nesnenin CreateTextFile() fonksiyonu, dosya oluşturmak için kullanılır. Dosya adı olarak, önceden belirlenmiş bir dosya adı seçilmelidir. Ardından, write() fonksiyonu ile dosyaya içerik yazılır ve dosya kapatılır.

Bu işlem tamamlandıktan sonra, dosya açılır ve içeriği görüntülemek için tarayıcıda açılır.

Local Storage Kullanımı

Local Storage, web sayfalarında kullanıcı verilerinin saklanması için kullanılan bir yerel depolama mekanizmasıdır. Bir web sayfası üzerindeyken, kullanıcının hareketlerini takip etmek ya da onun tercihlerini hatırlamak için kullanılır. Örneğin, bir e-ticaret sitesinde alışveriş sepeti bilgilerinin saklandığı gibi.

Local Storage, basit bir key-value yapısına sahiptir. Veri depolama ve alma işlemleri çok kolaydır. SetItem() ve getItem() gibi metodlar kullanılarak, veriler kolayca saklanabilir ve alınabilir.

Local Storage ayrıca, localStorage ve sessionStorage olmak üzere iki şekilde kullanılabilir. localStorage, verilerin kalıcı bir şekilde saklanmasını sağlarken, sessionStorage ise sadece bir seans boyunca depolama yapar.

Bu nedenle, Local Storage birçok web uygulaması için oldukça kullanışlı bir araçtır. Özellikle, web sayfalarının kullanıcı dostu olmasını sağlamak için önemlidir.