Why do I need to copy an array to use a method on it?

by

When you use Array(arrayLength) to create an array, you will have:

a new JavaScript array with its length property set to that number (Note: this implies an array of arrayLength empty slots, not slots with actual undefined values).

The array does not actually contain any values, not even undefined values – it simply has a length property.

When you spread an iterable object with a length property into an array, spread syntax accesses each index and sets the value at that index in the new array. For example:

const arr1 = [];
arr1.length = 4;
// arr1 does not actually have any index properties:
console.log('1' in arr1);

const arr2 = [...arr1];
console.log(arr2);
console.log('2' in arr2);

And .map only maps properties/values for which the property actually exists in the array you’re mapping over.

Using the array constructor is confusing. I would suggest using Array.from instead, when creating arrays from scratch – you can pass it an object with a length property, as well as a mapping function:

const arr = Array.from(
  { length: 2 },
  () => 'foo'
);
console.log(arr);

More Related Contents:

  1. How to get all the values associated with an object in array?
  2. Sort array of objects by string property value
  3. How to determine if Javascript array contains an object with an attribute that equals a given value?
  4. Javascript swap array elements
  5. How to add an object to an array
  6. How can I check if the array of objects have duplicate property values?
  7. GetElementByID – Multiple IDs
  8. JavaScript Loops: for…in vs for
  9. Difference and intersection of two arrays containing objects
  10. What is the most efficient way to reverse an array in Javascript?
  11. Razor MVC Populating Javascript array with Model Array
  12. Why does 2 == [2] in JavaScript?
  13. Fastest JavaScript summation
  14. Using promise function inside Javascript Array map
  15. Javascript passing arrays to functions by value, leaving original array unaltered
  16. What does $(selector)[0] mean in jQuery?
  17. Get list of duplicate objects in an array of objects
  18. Change the value of an array changes original array JavaScript
  19. Returning only certain properties from an array of objects in Javascript [duplicate]
  20. Splicing a Javascript array from within the callback passed to forEach
  21. Sum two arrays in single iteration
  22. javascript: convert two dimensional array to array of objects using the first ‘row’ to define properties
  23. Array.size() vs Array.length
  24. Create array of all integers between two numbers, inclusive, in Javascript/jQuery
  25. Sorting an Array of JavaScript Objects a Specific Order (using existing function)
  26. Adding text to beginning of each array element
  27. Handling multiple files from an input element in an array with Google Apps Script
  28. Compare two Arrays with Objects and create new array with unmatched objects
  29. Difference between ( for… in ) and ( for… of ) statements?
  30. Find object having maximum value for the `id` property in an array of objects

Leave a Comment