Nodejs ReactJs Array functions Kullanım Yöntemleri

Node ve React javascipt freamworklerini kullanırken en çok ihtiyacımız olacak keyword yapılarından array dizi ve obje kullanım yöntemlerini sizler için tüm detaylarıyla derledim.

Array fonksiyonlarının önemi ve neden ihtiyaç duyarız?

Yapacağımız projelerde verileri dizi halinde Array yada obje halinde yada liste halinde gelen sorgularımızın kontrolünde ve kullanıcıya verilerin hepsini değilde sadece belirlediğimiz verileri göstermemiz için ihtiyaç duyarız.

Örnek vermek gerekirse bir ilan sitesinde sadece kiralık olanları kullanıcı görmek istiyor, satılık olanları pasifize edip ona göre listeleme yapmamız gerekiyor. Yada bir film sitesinde detaylı arama ile kullanıcı sadece aksiyon kategorsi ve popüler izlenmeleri görmek istiyor işte buradaki listelemeyi yapabilmemiz için ihtiyaç duyarız.

Nodejs ReactJs Array functions yöntemleri nelerden oluşur?

Array fonksiyonlarının Yöntemleri

  • - push
  • - map
  • - find
  • - filter
  • - some
  • - every
  • - includes

Gelelim şimdi bunları uygulamalı olarak yapalım. func.js adında bir dosya oluşturup içine kodlarımızı yazarak terminal üzerinden çalıştalım.

Örnek Array veri liste ve obje listelerimizi belirleyerek tüm array fonksiyonlarında kullanalım.

        const listarray = ["ismail","cemal","Mustafa"];
        const listobje  = [{name:"ismail", surname:"Gültekin", age:32},{name:"cemal", surname:"bayar", age:46},{name:"mustafa", surname:"Önen", age:64}];
      

Array Push Kullanım Yöntemi

Arrayin sonuna elamen ekler ve data olarak sonuç verir. Örnekle yapalım kodlarımız:

    listarray.push('caner');
    console.log(listarray);

    //node func.js dosyamızı terminalden çalıştıralım
    //Ekran çıktısı : [ 'ismail', 'cemal', 'Mustafa', 'caner' ]
  

Map Kullanım Yöntemi

For,while,foreach döngüsü gibi veri listesi olarak sonuç verir. Örnekle yapalım kodlarımız:

    listobje.map((data) => {
      console.log(data.name +" "+data.surname)
    });

    //node func.js dosyamızı terminalden çalıştıralım
    node func.js

    //Ekran Çıktısı: ismail Gültekin, cemal bayar, mustafa Önen
  

Find Kullanım Yöntemi

array içinde arama yaparak data olarak sonuç verir. Örnekle yapalım kodlarımız:

    const resultFind = listobje.find((data) => data.name === "mustafa" && data.surname === "Önen");
    console.log(resultFind);

    //node func.js dosyamızı terminalden çalıştıralım
    node func.js

    //Ekran Çıktısı: { name: 'mustafa', surname: 'Önen', age: 64 }
  

filter Kullanım Yöntemi

filtreleme yaparak sonuç data olarak verir. Örnekle yapalım kodlarımız:

    const resultFilt = listobje.filter(({name,age}) => name === "cemal" || age < 50);
    console.log(resultFilt);

    //node func.js dosyamızı terminalden çalıştıralım
    node func.js

    //Ekran Çıktısı: [{ name: 'ismail', surname: 'Gültekin', age: 32 },
    { name: 'cemal', surname: 'bayar', age: 46 } ]
  

Some Kullanım Yöntemi

varmı kontrolünü sağlar true veya false olarak geri sonuç verir. Örnekle yapalım kodlarımız:

    const varmi = listobje.some((data) => data.age === 46);
    console.log(varmi);

    //node func.js dosyamızı terminalden çalıştıralım
    node func.js

    //Ekran Çıktısı: true
  

Every Kullanım Yöntemi

array içindeki bütün verilerin yani hepsinin istenilen şarta uymasını bekliyor. Örnekle yapalım kodlarımız:

    const sart = listobje.every((data) =>  data.age > 35);
    console.log(sart);

    //node func.js dosyamızı terminalden çalıştıralım
    node func.js

    //Ekran Çıktısı: false
  

İncludes Kullanım Yöntemi

array içinde sorgu yaparak kontrol eder true veya false olarak sonuç verir. Örnekle yapalım kodlarımız:

    const varsa = listarray.includes("Mustafa");
    console.log(varsa);

    //node func.js dosyamızı terminalden çalıştıralım
    node func.js

    //Ekran Çıktısı: true
  

Evet arkadaşlar array ve obje listlerinin kontrolünü ve listelerde detaylı arama gibi kullanım array functions yöntemlerini uygulamalı olarak yaptık. Umarım faydalı olmuştur.

Sizler için konu ile ilgili tüm detaylarıyla derlediğim faydalı olacak linlkeri paylaşıyorum incelemenizi tavsiye ederim.

React Nedir, Nasıl Kurulur, Reactjs Öğrenerek Proje Nasıl Geliştirilir? ReactJs İncele
Nextjs kurulumu ve Nextjs ile React projesi nasıl yapılır? Nextjs İncele
Node.js nedir? Node.js nedir? İncele
Node.js npm nedir? kullanımı nasıldır? Nodejs Npm İncele
Nodejs Paket Yönetimi(NPM) Komutları ve Kullanımı Nodejs Komutları İncele

Görüş Hata Bildir

Güvenlik Kodunuz:

Yorum Yap

Yorum kodunuz:

0.0584