📌 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 ⚡️
You can read unrolled version of this thread:
threadreaderapp.com/thread/1553468…
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.