This content originally appeared on DEV Community and was authored by Jenil
Just like a well-crafted movie script, JavaScript has key methods for handling objects that make coding a breeze.
Let’s dive into these essential Object static methods:
1. Object.create()
This method creates a new object with the specified prototype object and properties.
const movieObj = {
length: 2.4,
rating: 8.5
};
const movie1 = Object.create(movieObj);
movie1.name = 'Dunki';
// Dunki 2.4 8.5
console.log(movie1.name, movie1.length, movie1.rating);
const movie2 = Object.create(movieObj);
movie2.name = 'Salaar';
movie2.length = 2.52;
// Salaar 2.52 8.5
console.log(movie2.name, movie2.length, movie2.rating);
2. Object.assign()
This method is used to copy the values and properties from one or more source objects to a target object.
const target = { a: 10, b: 20 };
const source1 = { b: 12, c: 24 };
const source2 = { c: 29, d: 35 };
const returnedTarget = Object.assign(target, source1, source2);
// Output: { a: 10, b: 12, c: 29, d: 35 }
console.log(target);
// Output: { a: 10, b: 12, c: 29, d: 35 }
console.log(returnedTarget);
3. Object.keys()
This method returns the list of keys of object.
const movie = {
title: 'Dunki',
director: 'Rajkumar Hirani',
};
const keys = Object.keys(movie);
// Output: [ 'title', 'director' ]
console.log(keys);
4. Object.values()
This method returns the list of values of object.
const movie = {
title: 'Dunki',
director: 'Rajkumar Hirani',
};
const values = Object.values(movie);
// Output: [ 'Dunki', 'Rajkumar Hirani' ]
console.log(values);
5. Object.entries()
This method is used to get an array of key-value pairs from object.
const movie = {
title: 'Dunki',
director: 'Rajkumar Hirani',
};
const entries = Object.entries(movie);
// Output: [ [ 'title', 'Dunki' ], [ 'director', 'Rajkumar Hirani' ] ]
console.log(entries);
6. Object.fromEntries()
This method transforms a list of key-value pairs into an object.
const entries =
[ [ 'title', 'Dunki' ], [ 'director', 'Rajkumar Hirani' ] ];
const movieObj = Object.fromEntries(entries);
// Output: { title: 'Dunki', director: 'Rajkumar Hirani' }
console.log(movieObj);
With these JavaScript methods, you’re ready to direct your code like a pro! Enjoy crafting your code masterpieces! 🌟
This content originally appeared on DEV Community and was authored by Jenil
Jenil | Sciencx (2024-09-15T10:42:27+00:00) 6 Essential JavaScript Object Static Methods. Retrieved from https://www.scien.cx/2024/09/15/6-essential-javascript-object-static-methods/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.