Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
August 27, 2022 12:53 pm GMT

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

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To