Javascript ile En çok Kullanılan Array Fonksiyonları #3 - map, filter örneği ve reduce, some, every
Вставка
- Опубліковано 9 бер 2020
- Javascript ile En çok Kullanılan Array Fonksiyonları #3 map, filter örneği ve reduce, some, every
JavaScript ile En çok kullanılan Array Fonksiyonlarını gelin hep beraber tanıyalım. Bu konunun bir kaç dersten oluşacağını tahmin ediyorum. Bu dersimizde; map() ve filter() fonksiyonlarını gerçekten nasıl durumlarda kullanmanız gerektiğini gösteriyoruz. Ardından yolumuza devam edip reduce() fonksiyonu ile toplama işlemini, some() ve every() ile şart işlemlerini, startsWith() ve endsWith() ile bir String’in ne ile başlayıp ne ile bittiğini sorgulamayı örneklerle yapıyoruz. Dersimizin sonunda ise bir iç içe Array elemanlarını nasıl tek bir Array içerisinde toplayacağımızı görüyoruz.
Not : reduce komutunu işlerken toplamayı ilk başta yapmamasının sebebi "String" olarak yan yana getirmesiydi. 0 değerini koyduktan sonra ise matematiksel olarak toplamaya başlamasının sebebi ise 0' ın Number türünde bir veri olmasından dolayı yan yana değil Matematiksel olarak toplamaya başlamasıdır.
Peki 0'ın önemi nedir? 0 initial value. Yani biz 0 yerine 10 yazmış olsaydık 10 + .... şeklinde toplamaya başlayacaktı. Onu söylemeyi unutmuşum nasıl unutmuşum bilmiyorum :)
Kanal içerisinde bulabileceğiniz eğitimlerden bazıları;
1. PHP Programlama eğitimi
2. Codeigniter framework eğitimi
3. HTML ve CSS Eğitimi
4. JavaScript Eğitimi
5. JQuery Eğitimi
6. Vue js Eğitimi
7. Nuxt js Eğitimi
8. Node js Eğitimi
9. Express js Eğitimi
10. JavaScript Frameworkleri
11. MongoDB Eğitimi
12. MySQL Eğitimi
13. Docker Eğitimi
14. Go programlama Eğitimi
15. PHP ile proje Eğitimi
16. Codeigniter ile proje Eğitimi
17. Vue js ile proje Eğitimi
18. Nuxt js ile proje Eğitimi
19. Yeni web teknolojilerin tanıtımları
20. IDE kullanımları
gibi daha birçok eğitime ücretsiz olarak ulaşabilirsiniz.
Eğitimleri izlemek için Oynatma listelerine göz atmayı kesinlikle unutmayın!!!
Başlıca oynatma listeleri;
Eğitim Serileri;
► HTML Eğitimi : • HTML Eğitimi
► CSS Eğitimi : • CSS Eğitimi
► MySQL Eğitimi : • MySQL Eğitimi
► JQuery Eğitimi: • JQuery Eğitimi
► PHP Eğitimi : • PHP Eğitimi
► Codeigniter Eğitimi : • Codeigniter Eğitimi
Proje Eğitimleri;
► Asp.Net ile Okul Projesi: • Asp.Net ile Okul Projesi
► Firebase ToDo List Yapımı : • Firebase ToDo List Yapımı
► PHP Codeigniter ile Multi Session Yapımı : • PHP Codeigniter ile Mu...
► PHP Codeigniter Otel Rezervasyon Sistemi : • PHP Codeigniter Otel R...
► Like Dislike Yapımı : • Like Dislike Yapımı
► PHP Codeigniter ile Malzeme Uygulaması : • PHP Codeigniter ile Ma...
► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : • Codeigniter ile AutoCo...
► PHP Çoklu Kategori Alt Kategori Yapımı : • PHP-PDO ile Sınırsız K...
► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): • Codeigniter ile Çoklu ...
► PHP Codeigniter ile Pagination Yapımı : • PHP Codeigniter ile Pa...
► PHP ile Alışveriş Sepeti Yapımı : • PHP ile Alışveriş Sepe...
► PHP Mailer Kullanımı : • PHP Mailer Kullanımı
► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : • Vue.js ile Codeigniter...
► Nasıl yapılır köşesi: • Nasıl Yapılır?
► Vue.js Soru Cevap : • Vue.js Soru Cevap
► Kullandığım teknoloji ile ilgili bilgiler : • Kullandığım Web Yazılı...
Sosyal medyadan takip edin :
● VideoSınıf : www.videosinif.com
● Yazılım Eğitim : www.yazilimegitim.net
● Kişisel Web Sayfam : www.gokhankandemir.com
● Facebook : / kablosuzkedi
● Twitter : / kablosuzkedi
● Instagram : / kablosuzkedi
● Instagram : / yazilimegitim
Milletin 30-40 videoda aktaramadığını 3 videoda halletmiş gerçekten. Keyifle izledim inşallah bir Javascript serisi gelir
Hocam şöyle dassakli bir Node.Js kursu çıkarsanız ya. Türkçe birkaç kurs var ama çıkartın masaya vurun. Millet hizaya gelsin.
ahahhhaahaahha :D Güldürdün beni yemin ediyorum :D :D :D :D Aslında olabilir ama uzun soluklu eğitim yapacak vaktim maalesef yok :( en azından yakın dönemde
çok yardımcı oldu başka yerlerden de çalışmıştım biraz altyapı vardı sizin anlatımınızla daha da pekişti. Teşekkürler
Ya seni çok seviyorum hocam, bu nasıl tatlı bir anlatım. Bir Javascript dersi çeksen de seni dinlesem. 🤗
Bu nasıl tatlı bir yorum :) Ben de seni seviyorum kardeşim :) Vue Bootcamp'i Çarşamba günü başlıyor kaçırma o halde :)
Cok tesekkurler hocam, cok guzel anlatiminiz var
Cok tesekkurler hocam.
İlaç gibi geldi bu array helper'lar çok teşekkürler :)
cok tesekkurler
Teşekkurler.
tesekkurler hocam cok yardımcı oldu
Gerçekten detaylı bir anlatım oldu.Ama burda güzel olan taraf çok çok zevkli ve öğretici olmasıydı.
Farkında olmadığım birçok detayı farkettim Teşekkürler, Emeğinize Sağlık Hocam.
Harika ... map...
Hocam sizin gibi ilham verici sesli birinden kurs izlemek hakikaten çok güzel bir hiss. Udemay da NodeJS reset api ve graphql karışımı bir kurs gelirse düşünmeden hemen alırım. Sizin js kursu, node js kursu, vue js ve nuxt js kurslarınızın hepsini daha önceden satın alıp severek izlemişliğim var. Çok akıcı ve eğlenceli bir dille her detayı anlatıyorsunuz. Birde unutmadan keşke React js ile ilgili küçükde olsa videolarınız olsa. Överek bitiremediğim birisiniz masAllah)
Bahlul Hasanli teşekkür ederim adamım :) o senin yüreğinin güzelliği :)
kablosuzkedi hak ediyorsunuz)
Gökhan abi on numara anlatmışsın eline diline sağlık video için teşekkürler
Buralar değerlenir rez :)
hocam eline sağlık. push metodu ile ilgili bi video bulamadım. çekmeyi düşünüyormusunuz?
Çok güzeldi hocam sağol . Udemyde javascript kursu paylaşmayı düşünüyoor musunuz ? Ne burada ne de başka yerde bulamadım.
Array fonksiyonlarinin kullanimini bildiğimi düşünüyordum taa ki bu video serisini izleyene kadar :))
Hocam bu serinin devamını getiricek misiniz? Getirmeyi düşünüyor musunuz?
Hocam dizilerde pattern olayını bi ara anlatırmısınız.. birden 20 ye kadar elemanı olan bir diziden 1,4,8,12,16,20 degerlerinin alıp kullanmak gibi..
Degerli Hocam,
Bu seri harika oldu ellerinize, emeginize saglik. Size bu videolari cekmeye iten motivasyona hayranim. Cok tesekkurler.
Eger beni mazur gorurseniz sizden bir ufak ricam olucak, bu icerige benzer JavaScript Design Patterns,Singleton konusu hakkinda video cekme imkani ve vakti bulabilirseniz, bizler icin cok yararli olur. Sanirim bu javascript konusunda bir cok arkadasin es gectigi bir konu ayrica turkce kaynak bulamkta zor. Hemen hemen kimse pek deginmemis denilebilir.
Saygilar.
Daha iyisini düşünüyorum. Algoritmaları da anlatmayi planliyorum. :)
@@kablosuzkedi Algoritma çok iyi olur
@@kablosuzkedi Heycanla bekliyoruz hocam.
O değil de benim aklımı video altyazısı karıştırdı. Özellikle 24:20 den sonra yanlışlıkla açtım. Bu altyazı youtube tarafından otomatik mi hazırlanıyor yoksa başkaları tarafından mı :)
Vs code da ayrı bir console sayfası naısl açıyorsun
hocam 12:17 deki kısımda 0 dan başka hangi değerler neyi ifade ediyor ? yoksa orayı sadece sayı olduğunu belirtmek için mi yazdınız
Hocam 3 videonuzu da izledim çok yardımcı oldu teşekkür ederim
Gökhan hocam öncelikle video için teşekkürler. Bildiğiniz üzere vue native için türkçe kaynak yeterli değil, bu konuda udemyde bir kurs çekme fikriniz var mı ?
Hocam hani her güne bir video bugün 2.gün ve yine video yok inşaallah yarın paylaşırsınız 😊😊😊😊
Bugün gelecek :))) Minik ara vermek iyidir :))
@@kablosuzkedi Süper 🐱🏍🐱🏍👌😍
hocam küçük eşittiri o şekilde yapmanızı saplayan them nedir
Onu burada anlattım :)
ua-cam.com/video/RAApRT5GkDk/v-deo.html
@@kablosuzkedi çok teşekkürler hocam :)
Hocam merhaba ,
Java için önerebileceğiniz bir kitap varmi ?
Kiymetli arkadaslar ve sayin hocam:
Ben ornegin 7:48 deki sonuclari consol'a degilde ekrana yazdirmak istersem ne yapabilirim. sunu yaptim sonuc alamadim
const a = document.getElementById("myId");
a.innerHTML = willSaveData;
bunun hakkinda yardimci olabilecek varsa cok minnettar olurum. cunku sayfama yazdirmayi basaramadim. yani consol.log ile degilde ben direk html sayfamda sonuclari gormek istiyorum map ve filter'e gore.
Tesekkurler
Saygilarimla
Kenan SARI
Sonuc olarak [object Object],[object Object] yazdiriyor ama ben tane tane gormek istiyorum.
verileri teker teker döndürüp yazdirabilirsin kenan.
Ya da JSON.stringify(arr) ile string olarak yazdırsbilirsin.
@@kablosuzkedi Hocam TEsekkur ederim su sekilde yaptim. Merak eden arkadaslar olur diye buraya benim versiyonumu birakiyorum. Alternatif versiyonlarida gormek guzel olur tabi..json. stringfy tam hakim degilim maalesef ama bakicam oylede yapmaya caliscam. Siz sanirime n kestirme bu sekilde oneriyorsunuz sanirim hocam ? json.stringfy(arr) ile
let a = document.getElementById("a");
let willSaveData = data.filter(i => i.age {
return `
Name: ${item.name}
Email: ${item.email}
Phone: ${item.phone}
Age: ${item.age}
Latitude: ${item.latitude}
Longitude: ${item.longitude}
Friends: ${item.friends.map(f => f.name)}
`;
});
console.log(willSaveData);
a.innerHTML += willSaveData;
@@kablosuzkedi yada join(''); ilede yazdirabilirmiyiz cunku string donduruyor kendisi diye hatirliyorum
let a = document.getElementById("a");
let willSaveData = data.filter(i => i.age {
return `` + item.email + ``
});
console.log(willSaveData);
a.innerHTML += willSaveData.join(''); // Join burada array donduren fonksiyonumuz.
hoca vs cocuklar jsjs
Şükür filter mapi ezbere göstermeyen bir kaynak :) C# where select. Javascript filter map. Muadiller sanki
12:57 0 nerden geliyor anlayamadım onu ?