JavaScript Array Methods.
Tags: javascript, webdev
Published: 2021-07-17 06:38:13

Hello Everyone
In This Article We Will be Seeing Different Array Methods.

Follow Me on LinkedIn https://www.linkedin.com/in/ajaysharma12799/

Follow Me on Github https://www.github.com/ajaysharma12799/

{% youtube IK63MkBL3sU %}

Create Array Either Using Square Braces or Using new Array() Class

```
let arr = [1,2,3,4,5];
let arr = new Array(length or element);
```
## Methods
### 1. push(element)
```
arr.push(10); // Insert Element at Last of Array
```
### 2. pop()
```
arr.pop(); // Remove Last Element of Array and Return It
```
### 3. shift()
```
arr.shift(); // Remove First Element of Array and Return It
```
### 4. unshift(element)
```
arr.unshift(20); // Insert Element at First Position in Array
```
### 5. length ( Not a Method but a Property )
```
arr.length; // Return Length of Array
```
### 6. fill(item)
```
arr.fill(0); // Fill Entire Array With 0 or with Given Item
```
### 7. concat(array) ( Can Take Single Array or Multiple Arrays and Always Return New Array )
```
let arr1 = [1,2,3];
let newArray=arr1.concat([4,5,6]); // O/P = [1,2,3,4,5,6]

let arr2 = [1,2];
let newArray=arr2.concat([4,5], [7,8]); // O/P = [1,2,4,5,7,8]
```
### 8. find() (Take a Function Which Execute and Return First Value Which Satisfies Condition)
```
let arr = [1,2,3,4,5];
let found = arr.find(element => element > 2);
console.log(found); // O/P = 3
```
### 9. findIndex() (Take a Function Which Execute and Return First Value Index Which Satisfies Condition)
```
let arr = [1,2,3,4,5];
let found = arr.findIndex(element => element > 2);
console.log(found); // O/P = 2
```
### 10. sort() // Sort According to Aplhabet Order
```
let arr = [1,3,2,4,6];
arr.sort();
console.log(arr); // O/P = [1,2,3,4,6]

Note:- But This Method Will Not Sort Value Which is of 2 Digit, So We Need to Make Our Custom Function and Pass into Sort Method.

let arr = [1,4,2,45,6,7];
arr.sort((a,b) => a-b); // Change a or b according to you if you want in Ascending or Descending Order.
console.log(arr); // O/P = [1,2,4,6,7,45];
```
### 11. reverse()
```
let arr = [1,5,2,4,3];
let reversedArray = arr.reverse(); 
// Reverse Array and return Reference to Same Array
console.log(reversedArray); // O/P = [5,4,3,2,1]
```
### 12. slice(start, end) ( Extract Small Chunk of Array in Form of Array )
```
start => Starting Index From 0 and It is Included
end => Ending Index Which is Length - 1 and It is Not Included

let arr = [1,2,3,4,5];
let slicedArray = arr.slice(0,3);
console.log(slicedArray); // O/P = [1,2,3]
```
### 13. splice(start, deleteCount: Optional, element: Optional) ( Remove Element From Array and Can Also Insert New Elements In the Place of Removed Element )
```
let arr = [1,2,3,4,5];
let splicedArray1 = arr.splice(2); 
console.log(splicedArray1);

/*
Will Remove Array Element From Index 2 to End and Return in Form of Array.
O/P = [3,4,5]
*/

let splicedArray2 = arr.splice(2, 2 10, 30);
console.log(splicedArray2);

/*
Will Remove Array Element From Index 2 to End and Return in Form of Array.
O/P = [3, 4] // Spliced Array
O/P = [1,2,10,30,5] // Original Array After Inserting New Element InPlace of Removed Element.
*/
```
### 14. indexOf(element); ( Return Index of Given Element, If Element Not Found Return -1 )
```
let arr = [1,2,3,4,5];
console.log(arr.indexOf(5)); // O/P = 4
```
### 15. includes(element, startIndex: Optional) ( Search For Given Element If Found Return True Otherwise False )
```
let arr = [1,2,3,4,5];
console.log(arr.includes(5)); // O/P = true

console.log(arr.includes(2, 3)); // O/P = false, Because We Are Searching From Index 3 and 2 is Not Present in Array From Index 3.
```