JavaScript Object Methods
JavaScript Basics

JavaScript Object Methods

Object Method 

Overview of JavaScript Object Methods

JavaScript provides a range of methods for creating, copying, and managing objects. These methods simplify the process of object manipulation, making JavaScript a powerful language for working with data.

Creating and Managing Objects

  1. Object.assign()
    Copies properties from one or more source objects to a target object. This method is used to combine multiple sources into a single target object or to clone an existing object.

const target = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" };const source = { firstName: "Anne", lastName: "Smith" };Object.assign(target, source);

2. Object.create()

Creates a new object using an existing object as the prototype of the newly created object.

const proto = { greet() { console.log("Hello!"); } };const obj = Object.create(proto);

3. Object.entries()

Returns an array of a given object's own enumerable string-keyed property [key, value] pairs, enabling easy iteration and transformation.

const person = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" };const entries = Object.entries(person);

4. Object.fromEntries()

Transforms a list of key-value pairs into an object. This is particularly useful when converting a Map or an Array back into an object.

const entries = [["firstName", "John"], ["lastName", "Doe"]];const person = Object.fromEntries(entries);

5. Object.keys()

Returns an array containing the names of all of the given object's own enumerable string properties.

const person = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" };const keys = Object.keys(person);

6. Object.values()

Returns an array containing the values of all the specified object's own enumerable string properties.

const values = Object.values(person);

7. Object.groupBy() (ES2024)

Groups the elements of an array based on the results of a callback function.

const fruits = [  { name: "apples", quantity: 300 },  { name: "bananas", quantity: 500 },  { name: "oranges", quantity: 200 },  { name: "kiwi", quantity: 150 }];const grouped = Object.groupBy(fruits, ({ quantity }) => quantity > 200 ? "ok" : "low");

Iterating Over Object Properties Loop

Used to loop through the properties of an object. This method iterates over all enumerable properties of an object that are keyed by strings (ignoring ones keyed by Symbols).

const person = { firstName: "John", lastName: "Doe", age: 50, eyeColor: "blue" };let text = "";for (let key in person) {  text += person[key] + " ";}

Important Notes

  • Browser Compatibility: Keep in mind that newer methods like Object.groupBy() may not be supported in all browsers and might require a polyfill in older environments.
  • Modifying Prototypes: Avoid modifying the prototypes of standard JavaScript objects. This practice can lead to unexpected behavior in other parts of your code or third-party libraries.

These object methods are essential tools in the JavaScript toolkit, enabling efficient data manipulation and interaction within applications. For more detailed examples and additional methods, refer to a comprehensive JavaScript object reference.

Take a look into your desired course