An Interest In:
Web News this Week
- April 2, 2024
- April 1, 2024
- March 31, 2024
- March 30, 2024
- March 29, 2024
- March 28, 2024
- March 27, 2024
Slicing in Javascript
Hello guys today i will be discussing slicing using slice() method of array in javascript.
Let's get started...
What is slicing?
slicing is used to slice and returns a particular part of the array using index number for start and end position of slicing.
Syntax -
slice(start,end)
- Start is the index number from where the slicing will start.
- End is the index number at which the slicing will end but this end index won't be included in that sliced array
- Slice method returns a shallow copy of the array and won't change or modify the original array
- Let's understand this with examples.
Slicing Code Example-
const array = [1,2,3,4,5,6,7,8,9]const objectArray = [ { name:"shubham", age:21 }, { name:"shivam", age:25 }, { name:"abhishek", age:22 },]// only start index and it will slice the array from index 2// upto last element of the arrayconst sliceStart = array.slice(2)// start and end indexconst sliceStartEnd = array.slice(2,4)// negative indexconst negativeSlice = array.slice(-2)// negtive end index with positive start indexconst negativeSliceStartEnd = array.slice(1,-2)//slice chainingconst sliceChaining = array.slice(2,4).slice(0,4)// slicing object arrayconst objectArraySlicing = objectArray.slice(1,3)// slicing the first half of the array excluding the middle elementconst lengthSlicing = array.slice(Math.floor(array.length/2),array.length)// slice then sort in descending orderconst sliceSort = array.slice(2,5).sort((a,b) => b-a)// slice then filterconst sliceFilter = array.slice(2,6).filter(i => i > 4)// slice then mapconst sliceMap = array.slice(2,5).map(i => i*4)// returning an array after slicing const restParameters = (args) => { return args.slice(2,6)}console.log("Slicing with only start index - ",sliceStart)console.log("Slicing with start and end index - ",sliceStartEnd)console.log("Slicing with negative index - ",negativeSlice)console.log("Slicing with negative end index - ",negativeSliceStartEnd)console.log("Slicing with chaining - ",sliceChaining)console.log("Slicing with array of objects - ",objectArraySlicing)console.log("Slicing the second half of the array - ",lengthSlicing)console.log("Slicing with sort - ",sliceSort)console.log("Slicing with filter - ",sliceFilter)console.log("Slicing with map - ",sliceMap)console.log("Slicing array inside function - ",restParameters(array))
Output-
Slicing with only start index [ 3, 4, 5, 6, 7, 8, 9]Slicing with start and end index - [ 3, 4 ]Slicing with negative index - [ 8, 9 ]Slicing with negative end index - [ 2, 3, 4, 5, 6, 7 ]Slicing with chaining - [ 3, 4 ]Slicing with array of objects -[ { name: 'shivam', age: 25 }, { name: 'abhishek', age: 22 } ]Slicing the second half of the array - [ 5, 6, 7, 8, 9 ]Slicing with sort - [ 5, 4, 3 ]Slicing with filter - [ 5, 6 ]Slicing with map - [ 12, 16, 20 ]Slicing array inside function - [ 3, 4, 5, 6 ]
- As you can we can slice array within a range , from the last using negative indexing, from inside functions, also can slice array of objects and can use slice() method with other array methods.
- Try some more exmaple by yourself with slice() method and tell the output in the comment section .
THANK YOU FOR CHECKING THIS POST
You can contact me on -
Instagram - https://www.instagram.com/s_h.u_b.h_a.m_2k99/
LinkedIn - https://www.linkedin.com/in/shubham-tiwari-b7544b193/
Email - [email protected]
^^You can help me by some donation at the link below Thank you ^^
--> https://www.buymeacoffee.com/waaduheck <--
Also check these posts as well
https://dev.to/shubhamtiwari909/js-push-and-pop-with-arrays-33a2/edit
https://dev.to/shubhamtiwari909/tostring-in-js-27b
https://dev.to/shubhamtiwari909/join-in-javascript-4050
https://dev.to/shubhamtiwari909/going-deep-in-array-sort-js-2n90
Original Link: https://dev.to/shubhamtiwari909/slicing-array-in-javascript-4lne
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To