Hey Readers 👋
This is my first ever blog. So, In this article, we’ll learn about the JavaScript Array methods to simplify our code.
Before heading to array methods. First, let us know about
What is an array?
In JavaScript, An array is a single variable that is used to store different elements. It is often used when we want to store a list of elements and access them by a single variable.
Declaration of an Array
There are basically two ways to declare an array.
var House = [ ]; // method 1
var House = new Array(); // method 2
Generally, method 1 is preferred over method 2.
Now, we know about an array & declaration. Let's straightly dive into our topic i.e., Array methods.
1. push()
This method appends new elements to the end of an array and returns the new length of the array.
Syntax
array.push(element1, elements2.....)
2. pop()
This method removes the last element from an array and returns it. If the array is empty, **undefined ** is returned and the array is not modified.
Syntax
array.pop()
3. shift()
This method **removes the first element and shift all other elements ** to a lower index and return the value that was shifted out.
Syntax
array.shift()
4. unshift()
This method inserts new elements at the start of an array, and returns the new length of the array.
Syntax
array.unshift(item)
5. splice()
This method **removes elements from an array ** and, if necessary, insert new elements in their place, returning the deleted elements.
Syntax
array.splice(startIndex, deleteCount)
6. slice()
This method returns a copy of a section of an array. For both start and end, a negative index can be used to indicate an offset from the end of the array. For example, -2 refers to the second to last element of the array.
If startIndex is undefined, then the slice begins at index 0. Have a look at the below image for clarity.
Syntax
array.slice(startIndex, endIndex)
7. join()
Adds all the elements of an array into a string, separated by the specified separator string.
Syntax
array.join(stringSeparator)
8. concat()
This method combines two or more arrays. This method returns a new array without modifying any existing arrays.
Syntax
array1.concat(array2)
9. reverse()
This method reverses the elements in an array in place. This method mutates the array and returns a reference to the same array.
Syntax
array.reverse()
10. includes()
This method determines whether an array includes a certain element, returning true or false as appropriate.
It checks if argument 1 is available in the array, argument 2 is from which element it has to start searching.
Syntax
array.includes(searchElement, fromIndex)
Conclusion
Let's not make this article even bigger. There are many array methods. So, Let's continue the other methods in the next blog.
I value your time and I gave my best to write this article. Thanks for sparing your time in reading this article till the end.
So what are you waiting for? Any further doubts? Drop it below 👇
Please, feel free to share your feedback on this article.