Thread by @cgrkzlkn

📌 24 Array Methods in JavaScript:

Mega Thread 🧵 👇

#LearnToCode #CodeNewbie

1) concat():

🔹 Concatenates (joins) two or more arrays.

🔹 Returns a new array, containing the joined arrays.

🔹 Does not change the existing arrays.

2) copyWithin():

🔹 Copies array elements to another position in the array.

🔹 Overwrites the existing values.

🔹 Does not add items to the array.

3) every():

🔹 Executes a function for each array element.

🔹 Returns `true` if the function returns true for all elements, otherwise returns `false`.

🔹 Does not execute the function for empty elements.

🔹 Does not change the original array.

4) fill():

🔹 Fills specified elements in an array with a value.

🔹 Overwrites the original array.

🔹 Start and end position can be specified. If not, all elements will be filled.

5) filter():

🔹 Creates a new array filled with elements that pass a test provided by a function.

🔹 Does not execute the function for empty elements.

🔹 Does not change the original array.

6) find():

🔹 Returns the value of the first element that passes a test. Returns `undefined` if no elements are found.

🔹 Executes a function for each array element.

🔹 Does not execute the function for empty elements.

🔹 Does not change the original array.

7) findIndex():

🔹 Returns the the index (position) of the first element that passes a test. Returns -1 if no match is found.

🔹 Executes a function for each array element.

🔹 Does not execute the function for empty elements.

🔹 Does not change the original array.

8) from():

🔹 Returns an array from any object with a length property.

9) includes():

🔹 Returns `true` if an array contains a specified value, otherwise returns `false`.

🔹 This method is case sensitive.

10) indexOf():

🔹 Returns the first index (position) of a specified value. Returns -1 if the value is not found.

🔹 Starts at a specified index and searches from left to right.

🔹 Negative start values counts from the last element (but still searches from left to right).

11) isArray():

🔹 Returns `true` if an object is an array, otherwise `false`.

12) join():

🔹 Returns an array as a string.

🔹 Does not change the original array.

13) lastIndexOf():

🔹 Returns the last index (position) of a specified value. Returns -1 if the value is not found.

🔹 Starts at a specified index and searches from right to left.

🔹 Negative start values counts from the last element (but still searches from right to left).

14) map():

🔹 Creates a new array from calling a function for every array element.

🔹 Calls a function once for each element in an array.

🔹 Does not execute the function for empty elements.

🔹 Does not change the original array.

15) pop():

🔹 Removes (pops) the last element of an array.

🔹 Changes the original array.

🔹 Returns the removed element.

16) push():

🔹 Adds new items to the end of an array.

🔹 Changes the length of the array.

🔹 Returns the new length.

17) reduce():

🔹 Executes a reducer function for each array element.

🔹 Returns a single value: the function's accumulated result.

🔹 Does not execute the function for empty array elements.

🔹 Does not change the original array.

18) reverse():

🔹 Reverses the order of the elements in an array.

🔹 Overwrites the original array.

19) shift():

🔹 Removes the first item of an array.

🔹 Changes the original array.

🔹 Returns the shifted element.

20) slice():

🔹 Returns selected elements in an array, as a new array.

🔹 Selects from a given start, up to a (not inclusive) given end.

🔹 Does not change the original array.

21) some():

🔹Checks if any array elements pass a test.

🔹 Executes the callback function once for each array element.

🔹 Returns true (and stops) if the function returns true for one of the array elements. Otherwise returns false.

22) sort():

🔹 Sorts the elements of an array.

🔹 Overwrites the original array.

🔹 Sorts the elements as strings in alphabetical and ascending order.

23) splice():

🔹 Adds and/or removes array elements.

🔹 Overwrites the original array.

24) unshift():

🔹 Adds new elements to the beginning of an array.

🔹 Overwrites the original array.

That's a wrap!

If you found it useful, please consider:

🔹Follow me @cgrkzlkn for more content on HTML, CSS and JavaScript 🧑‍💻
🔹Like ❤️
🔹Retweet the first tweet ⚡️

https://twitter.com/cgrkzlkn/status/1553468040137809922

You can read unrolled version of this thread:

threadreaderapp.com/thread/1553468…