Manipulating data is core to any programming language. JavaScript is no exception, especially as JSON has token over as a prime data delivery format. One such data manipulation is reversing arrays. You may want to reverse an array to show most recent transactions, or simple alphabetic sorting.
Reversing arrays with JavaScript originally was done via reverse
but that would mutate the original array:
// First value: const arr = ['hi', 'low', 'ahhh']; // Reverse it without reassigning: arr.reverse(); // Value: arr (3) ['ahhh', 'low', 'hi']
Modifying the original array is a legacy methodology. To avoid this mutation, we’d copy the array and then reverse it:
const reversed = [...arr].reverse();
These days we can use toReversed
to avoid mutating the original array:
const arr = ['hi', 'low', 'ahhh']; const reversed = arr.toReversed(); // (3) ['ahhh', 'low', 'hi']; arr; // ['hi', 'low', 'ahhh']
Avoiding mutation of data objects is incredibly important in a programming language like JavaScript where object references are meaningful.
Camera and Video Control with HTML5
Client-side APIs on mobile and desktop devices are quickly providing the same APIs. Of course our mobile devices got access to some of these APIs first, but those APIs are slowly making their way to the desktop. One of those APIs is the getUserMedia API…
HTML5 Placeholder Styling with CSS
Last week I showed you how you could style selected text with CSS. I’ve searched for more interesting CSS style properties and found another:
INPUT
placeholder styling. Let me show you how to style placeholder text withinINPUT
elements with some unique CSS code. The CSS Firefox…Cross Browser CSS Box Shadows
Box shadows have been used on the web for quite a while, but they weren’t created with CSS — we needed to utilize some Photoshop game to create them. For someone with no design talent, a.k.a me, the need to use Photoshop sucked. Just because we…
[ad_2]
Source link