JavaScript Array Manipulation: slice() vs. splice()
Compare JavaScript slice() and splice(), including copying versus mutation, return values, array edits, common confusion, and safer manipulation patterns.
Articles
Front‑End Development, page 10 of 26
Front‑end development is where product intent becomes the interface people actually use. My writing approaches it as engineering rather than surface decoration, with attention to browser behaviour and code that remains accessible, fast, and safe for a team to change.
JavaScript Array Manipulation: slice() vs. splice(). JavaScript Array Manipulation:
Understanding the Nullish Coalescing (??) Operator in JavaScript. Understanding the Nullish Coalescing (
??) Operator in JavaScriptUnderstand JavaScript's nullish coalescing operator, comparing ?? with ||, preserving valid falsy values, and writing clearer default‑value logic.
Understanding setTimeout() in JavaScript. Understanding
setTimeout()in JavaScriptAn exploration of JavaScript's
setTimeoutfunction. Understand its nuances in component lifecycles, and learn effective timing strategies using it.
Common Accessibility Pitfalls in Web Development. Common Accessibility Pitfalls in Web Development
Accessibility issues often creep in through ordinary front‑end habits. This article covers common mistakes and the fixes that make sites easier to use.
Sorting Objects in JavaScript. Sorting Objects in JavaScript
Sort arrays of objects in JavaScript with comparator functions, numeric and string properties, return values, case sensitivity, and deeper sorting notes.
Commenting in Front‑End Languages. Commenting in Front‑End Languages
There are essentially two different types of commenting in development languages: single‑line, and multi‑line. Here, we discuss these, and how to use them.
Dynamic Array Manipulation with JavaScript's splice(). Dynamic Array Manipulation with JavaScript's
splice()Discover how to master array modifications with JavaScript's Array.prototype.splice(), your all‑in‑one method for removing, adding, and replacing elements.
Using the filter() Method in JavaScript. Using the
filter()Method in JavaScriptUse JavaScript filter() to create arrays of matching items, with callback syntax, object filtering examples, readable predicates, and practical tips.
Manipulating Strings in JavaScript with split(). Manipulating Strings in JavaScript with
split()Use JavaScript split() for string manipulation, including delimiters, limits, regular expressions, edge cases, parsing, and practical data handling.
Check If Today is Between Two Dates in JavaScript. Check If Today is Between Two Dates in JavaScript
Using JavaScript we can use the Date() function to create Date objects, and then use less/more than comparisons to work out if the date falls in between.
Why We Use an Empty Dependency Array in React's useEffect Hook. Why We Use an Empty Dependency Array in React's
useEffectHookUnderstand the empty dependency array in React's
useEffect, including after‑commit setup, cleanup, remounts, development checks and reactive dependencies.
Mastering JavaScript's slice(). Mastering JavaScript's
slice()Explore the capabilities of JavaScript's Array.prototype.slice() for creating subarrays, cloning arrays, and more, with no changes to the original.
Understanding JavaScript's sort() Method. Understanding JavaScript's
sort()MethodUnderstand JavaScript's sort() method, including in‑place mutation, string defaults, numeric comparators, object sorting, and unexpected ordering behaviour.
Responsive JavaScript and the matchMedia Method. Responsive JavaScript and the
matchMediaMethodIn the past, we used event listeners on the Window to determine the physical dimensions of a document. Using matchMedia allows us to use media query syntax.
Unravelling JavaScript: Commonly Misunderstood Methods and Features. Unravelling JavaScript: Commonly Misunderstood Methods and Features
A tour of commonly misunderstood JavaScript features, from sort(), slice(), splice(), split(), Math.random(), parseInt(), isNaN(), typeof, and more.
The will-change Property in CSS. The
will-changeProperty in CSSThe CSS will‑change property signals that an element may change, allowing the browser to prepare rendering work, although it should only be used selectively.
JavaScript’s % Operator: Remainder and Modulo. JavaScript's
%Operator: Remainder and ModuloUnderstand JavaScript's remainder operator, how it differs from modulo for negative numbers, and how to wrap array indices safely with TypeScript examples.
Throttling Scroll Events in JavaScript. Throttling Scroll Events in JavaScript
Care needs to be taken when using the onScroll event; it can trigger frequently, leading to greater client‑side resource (CPU) usage, and a laggy interface.