JavaScript continues to evolve, bringing new features and methods that make it easier to work with data structures like arrays and objects.<\/p>\n\n\n\n
In 2025, several new array and object methods in JavaScript that have been introduced that enhance the language’s functionality and usability. <\/p>\n\n\n\n
In this blog, we’ll dive into these new methods and explore how they can be used to write more efficient and readable code.<\/p>\n\n\n\n
Let us now see some of the New Array methods in JavaScript<\/a>:<\/p>\n\n\n\n The groupBy method groups the elements of an array based on a specified criterion. This is particularly useful for categorizing data.<\/p>\n\n\n\n Similar to groupBy, but returns a Map instead of an object. This can be useful when you need the benefits of a Map, such as maintaining the insertion order of keys.<\/p>\n\n\n\n This method returns a new array with the elements reversed, without modifying the original array. It’s a non-destructive alternative to Array.prototype.reverse.<\/p>\n\n\n\n Returns a new array with the elements sorted, without modifying the original array. This is a non-destructive alternative to Array.prototype.sort.<\/p>\n\n\n\n Returns a new array with some elements removed or replaced, without modifying the original array. This is a non-destructive alternative to Array.prototype.splice.<\/p>\n\n\n\n Returns a new array with a specific element replaced at a given index, without modifying the original array.<\/p>\n\n\n\n These new array methods help developers reduce a lot of time while working on large set programs. Similarly, here is a list of New Object Methods:<\/p>\n\n\n\n This method groups the values of an object based on a specified criterion and returns a new object.<\/p>\n\n\n\n Similar to Object.groupBy, but returns a Map instead of an object. This method combines the flexibility of grouping with the advantages of a Map.<\/p>\n\n\n\n A more concise and intuitive method to check if an object has a specific property, similar to Object.prototype.hasOwnProperty.<\/p>\n\n\n\n That’s it for new object methods. These new arrays and object methods in JavaScript<\/a> allow you to perform complex tasks much more easily and ease your workflow!<\/p>\n\n\n\n1. Array.prototype.groupBy<\/strong><\/h3>\n\n\n\n
const array = [6.1, 4.2, 6.3];\nconst grouped = array.groupBy(Math.floor);\nconsole.log(grouped); \/\/ { '4': [4.2], '6': [6.1, 6.3] }<\/strong><\/code><\/pre>\n\n\n\n2. Array.prototype.groupByToMap<\/strong><\/h3>\n\n\n\n
const array = ['one', 'two', 'three'];\nconst groupedMap = array.groupByToMap(word => word.length);\nconsole.log(groupedMap); \/\/ Map { 3 => ['one', 'two'], 5 => ['three'] }<\/strong><\/code><\/pre>\n\n\n\n3. Array.prototype.toReversed<\/strong><\/h3>\n\n\n\n
const array = [1, 2, 3];\nconst reversed = array.toReversed();\nconsole.log(reversed); \/\/ [3, 2, 1]\nconsole.log(array); \/\/ [1, 2, 3]<\/strong><\/code><\/pre>\n\n\n\n4. Array.prototype.toSorted<\/strong><\/h3>\n\n\n\n
const array = [3, 1, 2];\nconst sorted = array.toSorted();\nconsole.log(sorted); \/\/ [1, 2, 3]\nconsole.log(array); \/\/ [3, 1, 2]<\/strong><\/code><\/pre>\n\n\n\n5. Array.prototype.toSpliced<\/strong><\/h3>\n\n\n\n
const array = [1, 2, 3, 4];\nconst spliced = array.toSpliced(1, 2, 5, 6);\nconsole.log(spliced); \/\/ [1, 5, 6, 4]\nconsole.log(array); \/\/ [1, 2, 3, 4]<\/strong><\/code><\/pre>\n\n\n\n6. Array.prototype.with<\/strong><\/h3>\n\n\n\n
const array = [1, 2, 3];\nconst newArray = array.with(1, 4);\nconsole.log(newArray); \/\/ [1, 4, 3]\nconsole.log(array); \/\/ [1, 2, 3]<\/strong><\/code><\/pre>\n\n\n\n1. Object.groupBy<\/strong><\/h3>\n\n\n\n
const obj = { a: 1, b: 2, c: 3 };\nconst grouped = Object.groupBy(obj, x => x % 2);\nconsole.log(grouped); \/\/ { '0': [2], '1': [1, 3] }<\/strong><\/code><\/pre>\n\n\n\n2. Object.groupByToMap<\/strong><\/h3>\n\n\n\n
const obj = { a: 'one', b: 'two', c: 'three' };\nconst groupedMap = Object.groupByToMap(obj, word => word.length);\nconsole.log(groupedMap); \/\/ Map { 3 => ['one', 'two'], 5 => ['three'] }<\/strong><\/code><\/pre>\n\n\n\n3. Object.hasOwn<\/strong><\/h3>\n\n\n\n
const obj = { a: 1 };\nconsole.log(Object.hasOwn(obj, 'a')); \/\/ true\nconsole.log(Object.hasOwn(obj, 'b')); \/\/ false<\/strong><\/code><\/pre>\n\n\n\n