New functional array methods in JavaScript

New functional Array Methods

[ { "selector": "#anim-61b8a1db-2561-42eb-8b99-4248920e2bb5", "keyframes": { "transform": [ "scale(1)", "scale(1.5)", "scale(0.95)", "scale(1)" ], "offset": [0, 0.33, 0.66, 1] }, "delay": 0, "duration": 1450, "easing": "ease-in-out", "fill": "both", "iterations": 1 } ]

.toReversed()

[ { "selector": "#anim-6a79eb63-ce19-4bff-a065-36dcafaa96df", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.4, 0.4, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-f1790a18-88e9-4047-a949-2d646cee31c3", "keyframes": { "transform": [ "rotate(-289deg) translate3d(993.54861%, 0px, 0) rotate(289deg)", "rotate(-289deg) translate3d(0px, 0px, 0) rotate(289deg)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.4, 0.4, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-401a15ab-d47f-4575-a0cc-dc0069595832", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.4, 0.4, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-def85787-18aa-495f-8c53-6aca0ef80b77", "keyframes": { "transform": ["scale(0.15)", "scale(1)"] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.4, 0.4, 0.0, 1)", "fill": "forwards" } ] [ { "selector": "#anim-5587a94d-185f-4e0e-9c49-58c5a9a8607f", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.4, 0.4, 0.0, 1)", "fill": "both" } ] const myArray = ['A','B','C'] myArray.toReversed() The original array stays the same Curved Arrow Reverses an array by copying.

.toSorted()

[ { "selector": "#anim-ae44fc3f-a0f7-4959-afbf-14f799c8cb74", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.4, 0.4, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-eacc8444-cd80-45d0-9e78-965bf7ea18fa", "keyframes": { "transform": [ "rotate(-289deg) translate3d(993.54861%, 0px, 0) rotate(289deg)", "rotate(-289deg) translate3d(0px, 0px, 0) rotate(289deg)" ] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.4, 0.4, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-dd8fdd92-1a82-4832-9ce0-2b4b27b595c8", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.4, 0.4, 0.0, 1)", "fill": "both" } ] [ { "selector": "#anim-9194a088-51e5-477d-9786-2ba3ee3e6202", "keyframes": { "transform": ["scale(0.15)", "scale(1)"] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.4, 0.4, 0.0, 1)", "fill": "forwards" } ] [ { "selector": "#anim-ee03b5c9-70bc-47fa-b3be-c4a9fe292d81", "keyframes": { "opacity": [0, 1] }, "delay": 0, "duration": 600, "easing": "cubic-bezier(0.4, 0.4, 0.0, 1)", "fill": "both" } ] const myArray = ['A','B','C'] myArray.toSorted() The original array remains unsorted Curved Arrow Sorts an array by copying.