This content originally appeared on DEV Community and was authored by Ajay Sharma
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/
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,5]
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.
This content originally appeared on DEV Community and was authored by Ajay Sharma
Print
Share
Comment
Cite
Upload
Translate
Updates
There are no updates yet.
Click the Upload button above to add an update.
APA
MLA
Ajay Sharma | Sciencx (2021-07-17T06:38:13+00:00) JavaScript Array Methods.. Retrieved from https://www.scien.cx/2021/07/17/javascript-array-methods-2/
" » JavaScript Array Methods.." Ajay Sharma | Sciencx - Saturday July 17, 2021, https://www.scien.cx/2021/07/17/javascript-array-methods-2/
HARVARDAjay Sharma | Sciencx Saturday July 17, 2021 » JavaScript Array Methods.., viewed ,<https://www.scien.cx/2021/07/17/javascript-array-methods-2/>
VANCOUVERAjay Sharma | Sciencx - » JavaScript Array Methods.. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/17/javascript-array-methods-2/
CHICAGO" » JavaScript Array Methods.." Ajay Sharma | Sciencx - Accessed . https://www.scien.cx/2021/07/17/javascript-array-methods-2/
IEEE" » JavaScript Array Methods.." Ajay Sharma | Sciencx [Online]. Available: https://www.scien.cx/2021/07/17/javascript-array-methods-2/. [Accessed: ]
rf:citation » JavaScript Array Methods. | Ajay Sharma | Sciencx | https://www.scien.cx/2021/07/17/javascript-array-methods-2/ |
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.