andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add JS array merge blog

Browse Source
This commit is contained in:
Angelos Chalaris
2020-08-04 13:25:38 +03:00
parent 4478c23488
commit e837555f8d
2 changed files with 65 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
blog_posts/4-javascript-array-methods.md
View File

@ -9,9 +9,9 @@ excerpt: JavaScript arrays have a very robust API offering a plethora of amazing
JavaScript arrays have a very robust API offering a plethora of amazing tools. Here are our top 4 JavaScript array methods every developer should know:
**[`Array.prototype.map()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)**
**Array.prototype.map()**
`Array.prototype.map()` creates a new array by applying the provided transformation to each element of the original array. The result is an array with the same length as the original array and elements transformed based on the provided function.
[`Array.prototype.map()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map) creates a new array by applying the provided transformation to each element of the original array. The result is an array with the same length as the original array and elements transformed based on the provided function.
```js
const arr = [1, 2, 3];
@ -19,9 +19,9 @@ const double = x => x * 2;
arr.map(double); // [2, 4, 6]
```
**[`Array.prototype.filter()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter)**
**Array.prototype.filter()**
`Array.prototype.filter()` creates a new array by using a filtering function to keep only elements that return `true` based on that function. The result is an array with equal or less than the original array's length, containing a subset of the same elements as the original array.
[`Array.prototype.filter()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) creates a new array by using a filtering function to keep only elements that return `true` based on that function. The result is an array with equal or less than the original array's length, containing a subset of the same elements as the original array.
```js
const arr = [1, 2, 3];
@ -31,9 +31,9 @@ arr.filter(isOdd); // [1, 3]
![JavaScript Array Methods](./blog_images/js-array-methods.png)
**[`Array.prototype.reduce()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce)**
**Array.prototype.reduce()**
`Array.prototype.reduce()` creates an output value of any type depending on a reducer function and an initial value. The result can be of any type such as an integer, an object or an array, based on the reducer function provided.
[`Array.prototype.reduce()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce) creates an output value of any type depending on a reducer function and an initial value. The result can be of any type such as an integer, an object or an array, based on the reducer function provided.
```js
const arr = [1, 2, 3];
@ -45,9 +45,9 @@ const increment = (x, y) => [...x, x[x.length - 1] + y];
arr.reduce(increment, [0]); // [0, 1, 3, 6]
```
**[`Array.prototype.find()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find)**
**Array.prototype.find()**
`Array.prototype.find()` returns the first element for which a matcher function returns `true`. The result is a single element from the original array.
[`Array.prototype.find()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find) returns the first element for which a matcher function returns `true`. The result is a single element from the original array.
```js
const arr = [1, 2, 3];