Mastering JavaScript Objects – A Practical Guide Quiz JavaScript Objects

by

LEARN JAVASCRIPT

🔥 Mastering JavaScript Objects – A Practical Guide! 🚀🖥️

Quiz JavaScript Objects!

Below are coding questions and answers focused on JavaScript Objects. Whether you’re honing your skills or diving into JavaScript for the first time, these exercises are designed to enhance your understanding of objects in JS, a key concept in the language. 👩‍💻👨‍💻

We explore a variety of topics including:

  • Object Creation
  • Property Access
  • Adding Properties
  • Deleting Properties
  • Property Existence Check
  • Property Iteration
  • Object Copying
  • Object Merging
  • Counting Properties
  • Object Immutability

Each question is accompanied by a solution and a detailed explanation, ensuring a robust learning experience. 📘💡

Question: How do you create an object in JavaScript?

Answer:

Objects can be created using curly braces {}.

Example:

let person = {

  name: ‘Alice’,

  age: 25,

  occupation: ‘Developer’

};

Explanation: This syntax creates an object person with properties name, age, and occupation.

Question: How do you access the properties of an object?

Answer:

Properties can be accessed using dot notation or bracket notation.

Example:

console.log(person.name); // Output: Alice

console.log(person[‘age’]); // Output: 25

Explanation: Dot notation is more succinct, while bracket notation is useful when property names are dynamic or not valid identifiers.

Question: How do you add a new property to an existing object?

Answer:

Add a property using dot notation or bracket notation.

Example:

person.country = ‘USA’;

person[’email’] = ‘alice@example.com’;

console.log(person);

Explanation: This adds country and email properties to the person object.

Question: How do you delete a property from an object?

Answer:

Use the delete operator to remove a property.

Example:

delete person.occupation;

console.log(person);

Explanation: This removes the occupation property from the person object.

Question: How do you check if an object contains a specific property?

Answer:

Use the in operator or hasOwnProperty method.

Example:

console.log(‘name’ in person); // Output: true

console.log(person.hasOwnProperty(‘age’)); // Output: true

Explanation: Both methods check for the existence of a property in an object.

Question: How can you iterate over the properties of an object?

Answer:

Use a for…in loop to iterate over object properties.

Example:

for (let key in person) {

  console.log(key + ‘: ‘ + person[key]);

}

Explanation: The loop iterates over each enumerable property of the object.

Question: How do you create a copy of an object?

Answer:

Use Object.assign or spread syntax {…} to create a shallow copy.

Example with Object.assign:

let personCopy = Object.assign({}, person);

console.log(personCopy);

Explanation: Object.assign copies properties from one or more source objects to a target object.

Question: How do you merge two objects?

Answer:

Merge objects using Object.assign or spread syntax.

Example with spread syntax:

let additionalInfo = { gender: ‘female’, city: ‘New York’ };

let mergedPerson = {…person, …additionalInfo};

console.log(mergedPerson);

Explanation: Spread syntax is used to combine the properties of person and additionalInfo into mergedPerson.

Question: How do you find the number of properties in an object?

Answer:

Use Object.keys() to get an array of properties and then find its length.

Example:

console.log(Object.keys(person).length); // Output: Number of properties

Explanation: Object.keys() returns an array of a given object’s property names.

Question: How do you prevent modifications to an object?

Answer:

Use Object.freeze() to make an object immutable.

Example:

Object.freeze(person);

person.age = 30; // This will not change the age property

console.log(person);

Explanation: After freezing, no new properties can be added, existing properties cannot be removed or changed.

Quiz-JavaScript-ObjectsDownload