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.
-
İçindekiler
- Array fonksiyonlarının önemi ve neden ihtiyaç duyarız?
- Nodejs ReactJs Array functions yöntemleri nelerden oluşur?
- Array Push Kullanım Yöntemi
- Map Kullanım Yöntemi
- Find Kullanım Yöntemi
- Filter Kullanım Yöntemi
- Some Kullanım Yöntemi
- Every Kullanım Yöntemi
- İncludes Kullanım Yöntemi
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.

Telif Hakkı:
Problemi Şikayet Et!HAKKIMDA
Yazılım Uzmanlığı konusunda 11 yılı aşkın süredir Türkiye'de Cumhurbaşkanlığı olmak üzere Kurumlara ve Tüzel kişilere; Yön verme, Yücelik Sağlama ve Büyüme gereksinimlerinden doğan Yazılım ihtiyaclarına çözümler sunmaktayım.
<html>
<body>
<h5>
Yazılım
&
Teknoloji
</h5>
<p>
Dünyasına
Hoş Geldiniz.
</p>
</body>
</html>
Son Eklenen Konular
Nginx Nedir, Nasıl Çalışır, Kurulumu, Hata ve Çözümü
03 Haziran, 2022
Web Site | Web Tasarım | Web Yazılım
27 Nisan, 2022
Html URL ASCII Karakter kodları
04 Mart, 2022
Jquery Alert, Sweet alert, Dialog Kullanımı
03 Mart, 2022
Doğal Seo Çalışması Nasıl Yapılır?
19 Şubat, 2022
En Çok Okunanlar
Google api key nasıl alınır?
26 Eylül, 2013
Youtube Video'sunu Gif Yapma Gif'e Çevirme
17 Ağustos, 2013
linux çeşitleri nelerdir?
13 Ağustos, 2013
Ajax ile sayfa yenilenmeden resim yükleme nasıl yapılır?
04 Ekim, 2013
Php ile bot nasıl yapılır?
22 Eylül, 2013
İlgili İçerikler
-
08 Aralık, 2021 593
Vuejs 3 Routing İşlemleri Ve Router Kullanımı
-
06 Aralık, 2021 841
Vuejs 3 Kullanımı. Nasıl Kurulur, Vue 3 Gelen Yenilikleriyle Nasıl Proje Geliştirilir?
-
15 Ağustos, 2021 3265
Nuxt.js Nedir? Nuxt.js Nasıl Kurulur? Nuxt.js ile Vue.js Projesi Nasıl Geliştirilir?
-
22 Temmuz, 2021 1336
React Nedir, Nasıl Kurulur, Reactjs Öğrenerek Proje Nasıl Geliştirilir?
-
01 Temmuz, 2021 2525
Nextjs kurulumu ve Nextjs ile React projesi nasıl yapılır?
-
19 Haziran, 2021 1221
javascript KDV Hesaplama İşlemleri