Javascript: .forEach ve .map Tanımı ve Farkı Nedir?
Başlangıç olarak, bir yöntemin ne olduğunu hızlıca anlayalım ve ardından söz dizimine, işlevselliğe ve ardından forEach ve map yöntemlerini karşılaştıralım. Bu yöntemler diziler arasında yineleme yapmamıza yardımcı olur. JavaScript'te yöntemler, nesneler üzerinde gerçekleştirilebilen eylemlerdir.
.forEach() fonksiyonu nedir?
forEach() yöntemi, bir dizideki her öğe için sağlanan işlevi bir kez yürütür. Her dizi öğesi için işlevi çalıştırdıktan sonra, bu yöntem, sağlanan işlevin sonucuna göre mevcut dizi öğelerinin değerlerini değiştirir. Dolayısıyla forEach() bir mutatör yöntemidir. Ayrıca, forEach yöntemi hiçbir şey döndürmez.
.forEach Yazım kuralı:
array.forEach(testfunc(currentValue, index, arr), thisValue)
.map fonksiyonu nedir?
forEach() yöntemine benzer şekilde map() yöntemi, bir dizideki her öğe için sağlanan işlevi bir kez yürütür. Ancak forEach() yönteminden farklı olarak, her dizi öğesi için bir işlev çağırmanın sonuçlarıyla yeni bir dizi oluşturur. Bu nedenle map() yöntemi değişmezliğe dayanır. Ayrıca, map() değeri olmayan bu dizi öğeleri için işlevi yürütmez/çağırmaz.
.map Yazım kuralı:
array.map(testfunc(currentValue, index, arr), thisValue)
Örnek Kodlama
const exampleArray = [1, 2, 3, 4, 5]
console.log(exampleArray.forEach(x => x * x * x)); //Output: (undefined)
console.log(exampleArray.map(x => x * x * x)); //Output: [1 , 8, 27, 64, 125 ]
If you're preparing for a senior Node.js developer position, it's important to be ready for technical interview questions that will test your knowledge of Node.js and its related technologies. In this
As a JavaScript developer, it's essential to have a solid understanding of the language and its various concepts. In this article, we will provide some common interview questions and their answers to
Frontend development is an essential part of web development that focuses on building the user interface of a website or application. Frontend developers are responsible for creating visually appealin
Understanding how `this` works in JavaScript is essential for any developer working with the language. In this article, we will explore what `this` is, how it works, and common use cases.
Event delegation is a concept in JavaScript that allows developers to handle events efficiently and improve the performance of web applications. In this article, we will explore what event delegation
JavaScript is a powerful programming language that allows developers to create complex web applications. One of the most important concepts in JavaScript is the ability to handle asynchronous code. In
As web applications become more complex, the size of the JavaScript bundles that are required to run them can become unwieldy. This can lead to slow load times and poor user experiences, particularly
Managing state in a complex application can be a daunting task, but Redux can help simplify the process. Redux is a popular library for managing state in JavaScript applications, and it can be used wi
React is a popular JavaScript library for building user interfaces. One of the key features that sets React apart from other libraries is its use of a virtual DOM. In this article, we will explore wha