•1 yıl
Temel JavaScript Dizi Metotlarını Keşfetme: map, filter ve Daha Fazlası
JavaScript Metotları: map(), filter(), ve Daha Fazlasını Anlama JavaScript, dizileri ve nesneleri manipüle etmek için çeşitli güçlü metotlar sağlar, böylece karmaşık işlemleri sade ve okunabilir bir şekilde gerçekleştirmek daha kolay olur. İşte map(), filter() ve diğer bazı temel metotlara bir bakış. 1. map() map() metodu, çağrılan dizideki her bir elemana sağlanan bir işlevi çağırarak doldurulmuş yeni bir dizi oluşturur. Örnek: const numbers = [1, 2, 3, 4]; const doubled = numbers.map(num => num * 2); console.log(doubled); // [2, 4, 6, 8] 2. filter() filter() metodu, sağlanan işlev tarafından uygulanan testi geçen tüm elemanları içeren yeni bir dizi oluşturur. Örnek: const numbers = [1, 2, 3, 4]; const evens = numbers.filter(num => num % 2 === 0); console.log(evens); // [2, 4] 3. reduce() reduce() metodu, dizinin her elemanı üzerinde (sağladığınız) bir azaltıcı işlevi yürütür ve tek bir çıktı değeri oluşturur. Örnek: const numbers = [1, 2, 3, 4]; const sum = numbers.reduce((acc, curr) => acc + curr, 0); console.log(sum); // 10 4. forEach() forEach() metodu, sağlanan bir işlevin, her dizi elemanı için bir kez yürütülmesini sağlar. Örnek: const numbers = [1, 2, 3, 4]; numbers.forEach(num => console.log(num)); // Çıktı: 1 2 3 4 5. find() find() metodu, sağlanan test işlevini karşılayan dizideki ilk elemanın değerini döndürür. Aksi halde, undefined döndürür. Örnek: const numbers = [1, 2, 3, 4]; const found = numbers.find(num => num > 2); console.log(found); // 3 6. some() some() metodu, sağlanan işlev tarafından uygulanan testi geçen dizide en az bir eleman olup olmadığını test eder. Bir Boolean değeri döndürür. Örnek: const numbers = [1, 2, 3, 4]; const hasEven = numbers.some(num => num % 2 === 0); console.log(hasEven); // true 7. every() every() metodu, sağlanan işlev tarafından uygulanan testi geçen tüm dizideki elemanlar için geçerli olup olmadığını test eder. Bir Boolean değeri döndürür. Örnek: const numbers = [1, 2, 3, 4]; const allEven = numbers.every(num => num % 2 === 0); console.log(allEven); // false 8. sort() sort() metodu, bir dizinin elemanlarını yerinde sıralar ve sıralı diziyi döndürür. Varsayılan sıralama düzeni, dize Unicode kod noktalarına göredir. Örnek: const numbers = [4, 2, 3, 1]; numbers.sort(); console.log(numbers); // [1, 2, 3, 4] 9. concat() concat() metodu, iki veya daha fazla diziyi birleştirmek için kullanılır. Bu metot mevcut dizileri değiştirmez, ancak yeni bir dizi döndürür. Örnek: const array1 = [1, 2]; const array2 = [3, 4]; const mergedArray = array1.concat(array2); console.log(mergedArray); // [1, 2, 3, 4] 10. includes() includes() metodu, bir dizinin girdileri arasında belirli bir değeri içerip içermediğini belirler ve doğru veya yanlış olarak uygun şekilde döndürür. Örnek: const numbers = [1, 2, 3, 4]; const includesThree = numbers.includes(3); console.log(includesThree); // true Bu metotları anlamak ve kullanmak, etkili ve okunabilir JavaScript kodu yazma yeteneğinizi büyük ölçüde artırabilir. Bu metotlar, ECMAScript standardının bir parçasıdır ve modern tarayıcılar ve ortamlar arasında geniş destek sağlar.
JavaScript Metotları: map(), filter(), ve Daha Fazlasını Anlama JavaScript, dizileri ve nesneleri manipüle etmek için çeşitli güçlü metotlar sağlar, böylece karmaşık işlemleri sade ve okunabilir bir şekilde gerçekleştirmek daha kolay olur. İşte map(), filter() ve diğer bazı temel metotlara bir bakış. 1. map() map() metodu, çağrılan dizideki her bir elemana sağlanan bir işlevi çağırarak doldurulmuş yeni bir dizi oluşturur. Örnek: const numbers = [1, 2, 3, 4]; const doubled = numbers.map(num => num * 2); console.log(doubled); // [2, 4, 6, 8] 2. filter() filter() metodu, sağlanan işlev tarafından uygulanan testi geçen tüm elemanları içeren yeni bir dizi oluşturur. Örnek: const numbers = [1, 2, 3, 4]; const evens = numbers.filter(num => num % 2 === 0); console.log(evens); // [2, 4] 3. reduce() reduce() metodu, dizinin her elemanı üzerinde (sağladığınız) bir azaltıcı işlevi yürütür ve tek bir çıktı değeri oluşturur. Örnek: const numbers = [1, 2, 3, 4]; const sum = numbers.reduce((acc, curr) => acc + curr, 0); console.log(sum); // 10 4. forEach() forEach() metodu, sağlanan bir işlevin, her dizi elemanı için bir kez yürütülmesini sağlar. Örnek: const numbers = [1, 2, 3, 4]; numbers.forEach(num => console.log(num)); // Çıktı: 1 2 3 4 5. find() find() metodu, sağlanan test işlevini karşılayan dizideki ilk elemanın değerini döndürür. Aksi halde, undefined döndürür. Örnek: const numbers = [1, 2, 3, 4]; const found = numbers.find(num => num > 2); console.log(found); // 3 6. some() some() metodu, sağlanan işlev tarafından uygulanan testi geçen dizide en az bir eleman olup olmadığını test eder. Bir Boolean değeri döndürür. Örnek: const numbers = [1, 2, 3, 4]; const hasEven = numbers.some(num => num % 2 === 0); console.log(hasEven); // true 7. every() every() metodu, sağlanan işlev tarafından uygulanan testi geçen tüm dizideki elemanlar için geçerli olup olmadığını test eder. Bir Boolean değeri döndürür. Örnek: const numbers = [1, 2, 3, 4]; const allEven = numbers.every(num => num % 2 === 0); console.log(allEven); // false 8. sort() sort() metodu, bir dizinin elemanlarını yerinde sıralar ve sıralı diziyi döndürür. Varsayılan sıralama düzeni, dize Unicode kod noktalarına göredir. Örnek: const numbers = [4, 2, 3, 1]; numbers.sort(); console.log(numbers); // [1, 2, 3, 4] 9. concat() concat() metodu, iki veya daha fazla diziyi birleştirmek için kullanılır. Bu metot mevcut dizileri değiştirmez, ancak yeni bir dizi döndürür. Örnek: const array1 = [1, 2]; const array2 = [3, 4]; const mergedArray = array1.concat(array2); console.log(mergedArray); // [1, 2, 3, 4] 10. includes() includes() metodu, bir dizinin girdileri arasında belirli bir değeri içerip içermediğini belirler ve doğru veya yanlış olarak uygun şekilde döndürür. Örnek: const numbers = [1, 2, 3, 4]; const includesThree = numbers.includes(3); console.log(includesThree); // true Bu metotları anlamak ve kullanmak, etkili ve okunabilir JavaScript kodu yazma yeteneğinizi büyük ölçüde artırabilir. Bu metotlar, ECMAScript standardının bir parçasıdır ve modern tarayıcılar ve ortamlar arasında geniş destek sağlar.
Show original content
0 users upvote it!
0 answers