BiteSizedChunks.comLearn one small thing at a time.

Course contentsShow

846The forEach Method
847forEach vs For Loop
848forEach Cannot Break
849Introduction to map
850Map Returns a New Array
851Map's Callback Parameters
852Chaining map Operations
853Introduction to filter
854Filter's Predicate Function
855Filter Returns Fewer Elements
856Combining map and filter
857Order Matters in Chains
858When to Use forEach vs map
859thisArg in Array Methods
860Understanding Reduce: The Swiss Army Knife of Array Methods
861Reduce Signature: Accumulator, Current, Index, Array
862The Initial Value: When to Provide It and Why
863Common Reduce Pattern: Summing Array Values
864Building Objects with Reduce
865Grouping Array Elements by Property
866Flattening Arrays with Reduce
867Counting Occurrences with Reduce
868Chaining Transformations: When Reduce Replaces Map/Filter
869ReduceRight: Iterating from Right to Left
870Practical ReduceRight: Composing Functions
871Reduce Performance Considerations
872Common Reduce Pitfalls and Debugging
873Understanding Array.prototype.every()
874Short-Circuit Behavior in every()
875Understanding Array.prototype.some()
876Short-Circuit Behavior in some()
877Empty Array Edge Cases for every() and some()
878Understanding Array.prototype.find()
879Understanding Array.prototype.findIndex()
880find() vs filter()[0]
881Using findLast() and findLastIndex()
882Callback Parameters: element, index, array
883Combining These Methods with Other Operations
884Performance Characteristics and Use Cases
885The Array.prototype.flat() Method
886Flattening Multi-Dimensional Arrays
887The Array.prototype.flatMap() Method
888When to Use flatMap() vs map().flat()
889Practical flatMap() Use Cases
890The Array.prototype.fill() Method
891Fill with Start and End Parameters
892Creating Pre-Filled Arrays
893Fill Gotcha: Reference vs Primitive Values
894Combining flat() with Other Array Methods
895Performance Characteristics of flat() and flatMap()
896The Default Sort Behavior
897Why Numbers Sort Incorrectly Without a Comparator
898Writing a Numeric Comparator
899Descending Order with Comparators
900Sorting Objects by Property
901Multi-Level Sorting
902Case-Insensitive String Sorting
903Stable vs Unstable Sorts
904Sort Mutates the Array
905Creating Immutable Sorted Copies
906Why Immutability Matters in JavaScript
907Avoiding Array.push, .pop, .shift, and .unshift
908Adding Elements Immutably with Spread
909Removing Elements with .filter()
910Updating Elements with .map()
911Immutable .slice() for Copying and Extracting
912Replacing .splice() with Spread and Slice
913Deep Cloning Nested Arrays
914When to Mutate: Performance Trade-Offs

846The forEach Method
847forEach vs For Loop
848forEach Cannot Break
849Introduction to map
850Map Returns a New Array
851Map's Callback Parameters
852Chaining map Operations
853Introduction to filter
854Filter's Predicate Function
855Filter Returns Fewer Elements
856Combining map and filter
857Order Matters in Chains
858When to Use forEach vs map
859thisArg in Array Methods
860Understanding Reduce: The Swiss Army Knife of Array Methods
861Reduce Signature: Accumulator, Current, Index, Array
862The Initial Value: When to Provide It and Why
863Common Reduce Pattern: Summing Array Values
864Building Objects with Reduce
865Grouping Array Elements by Property
866Flattening Arrays with Reduce
867Counting Occurrences with Reduce
868Chaining Transformations: When Reduce Replaces Map/Filter
869ReduceRight: Iterating from Right to Left
870Practical ReduceRight: Composing Functions
871Reduce Performance Considerations
872Common Reduce Pitfalls and Debugging
873Understanding Array.prototype.every()
874Short-Circuit Behavior in every()
875Understanding Array.prototype.some()
876Short-Circuit Behavior in some()
877Empty Array Edge Cases for every() and some()
878Understanding Array.prototype.find()
879Understanding Array.prototype.findIndex()
880find() vs filter()[0]
881Using findLast() and findLastIndex()
882Callback Parameters: element, index, array
883Combining These Methods with Other Operations
884Performance Characteristics and Use Cases
885The Array.prototype.flat() Method
886Flattening Multi-Dimensional Arrays
887The Array.prototype.flatMap() Method
888When to Use flatMap() vs map().flat()
889Practical flatMap() Use Cases
890The Array.prototype.fill() Method
891Fill with Start and End Parameters
892Creating Pre-Filled Arrays
893Fill Gotcha: Reference vs Primitive Values
894Combining flat() with Other Array Methods
895Performance Characteristics of flat() and flatMap()
896The Default Sort Behavior
897Why Numbers Sort Incorrectly Without a Comparator
898Writing a Numeric Comparator
899Descending Order with Comparators
900Sorting Objects by Property
901Multi-Level Sorting
902Case-Insensitive String Sorting
903Stable vs Unstable Sorts
904Sort Mutates the Array
905Creating Immutable Sorted Copies
906Why Immutability Matters in JavaScript
907Avoiding Array.push, .pop, .shift, and .unshift
908Adding Elements Immutably with Spread
909Removing Elements with .filter()
910Updating Elements with .map()
911Immutable .slice() for Copying and Extracting
912Replacing .splice() with Spread and Slice
913Deep Cloning Nested Arrays
914When to Mutate: Performance Trade-Offs

Lesson 908 of 2,723·20. Array Iteration and TransformationPro lesson

Adding Elements Immutably with Spread

Use spread syntax to add items to the beginning, middle, or end of an array without mutation.

This lesson is for subscribers

You've completed the free preview. Subscribe to unlock every lesson in every course.

See pricing Back to course