JavaScript Array splice vs slice

by

splice() changes the original array whereas slice() doesn’t but both of them returns array object.

See the examples below:

var array=[1,2,3,4,5];
console.log(array.splice(2));

This will return [3,4,5]. The original array is affected resulting in array being [1,2].

var array=[1,2,3,4,5]
console.log(array.slice(2));

This will return [3,4,5]. The original array is NOT affected with resulting in array being [1,2,3,4,5].

Below is simple fiddle which confirms this:

//splice
var array=[1,2,3,4,5];
console.log(array.splice(2));

//slice
var array2=[1,2,3,4,5]
console.log(array2.slice(2));


console.log("----after-----");
console.log(array);
console.log(array2);

More Related Contents:

  1. How to Deep clone in javascript
  2. React: “this” is undefined inside a component function
  3. Current time formatting with Javascript
  4. How can I loop through ALL DOM elements on a page?
  5. Javascript decoding html entities [duplicate]
  6. javascript – shuffle HTML list element order
  7. jQuery “on create” event for dynamically-created elements
  8. How can I find matching values in two arrays? [duplicate]
  9. Check Ctrl / Shift / Alt keys on ‘click’ event
  10. How to completely DISABLE any MOUSE CLICK
  11. Make anchor link go some pixels above where it’s linked to
  12. JavaScript simulate right click through code
  13. How do I add target=”_blank” to a link within a specified div?
  14. How to convert UTF8 string to byte array?
  15. JSON security best practices?
  16. jquery only allow input float number
  17. Matched leaf route at location “/” does not have an element
  18. Angular 2 binding/events not working when adding template as innerHTML
  19. Angular ui router – Redirection doesn’t work at all
  20. I don’t understand about spread syntax inside objects
  21. Gaussian Blur onHover Using jQuery
  22. How to send data from HTML form to Google Spreadsheet using JavaScript?
  23. Best JavaScript Date Parser & Formatter? [closed]
  24. how to use jQuery installed with npm in Express app?
  25. Clean way to programmatically use CSS transitions from JS?
  26. how to get GET variable’s value in javascript? [duplicate]
  27. Javasacript Countdown timer in Days, Hours, Minute, Seconds
  28. Three.js multiple materials on object loaded via OBJMTLLoader
  29. Compare two Arrays with Objects and create new array with unmatched objects
  30. JavaScript hoisting explanation

Leave a Comment