Object creation in Javascript - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is an object in JavaScript?

An object is a collection of related data and functions (called properties and methods) grouped together. It represents real-world things with characteristics and actions.

beginner

How do you create an object using object literal syntax?

Use curly braces {} with key-value pairs inside. Example:

{ name: "Alice", age: 25 }

intermediate

What does the new Object() syntax do?

It creates a new empty object. It's similar to using <code>{}</code> but less common. Example: <pre>const obj = new Object();</pre>

beginner

How can you add a property to an existing object?

You can add a property by assigning a value to a new key. Example:

obj.color = "blue";

intermediate

What is the difference between object literal and constructor function for creating objects?

Object literal creates one object directly. Constructor functions let you create many similar objects using <code>new</code>. Constructor functions act like blueprints.

Which syntax creates an empty object in JavaScript?

A {}

B []

C new Array()

D null

Curly braces {} create an empty object. Square brackets [] create arrays.

How do you access the property 'name' of an object 'person'?

A person[name]

B person:name

C person->name

D person.name

Use dot notation like person.name to access properties.

What does this code do?

const obj = new Object(); obj.age = 30;

A Creates an array with 30 elements

B Creates an object and adds an 'age' property with value 30

C Throws an error

D Creates a string '30'

new Object() creates an empty object, then 'age' property is added.

Which is NOT a way to create an object in JavaScript?

A Using object literal {}

B Using new Object()

C Using new Array()

D Using a constructor function

new Array() creates an array, not a general object.

What keyword is used with constructor functions to create new objects?

A new

B create

C object

D make

The 'new' keyword creates a new object from a constructor function.

Explain how to create an object using object literal syntax and add a new property to it.

Think about how you write an object directly and then add something new.

Describe the difference between creating objects with object literals and constructor functions.

Consider when you want one object vs many similar objects.

Practice

1. Which of the following is the correct way to create an object with a key name and value "Alice"?

easy

A. const obj = { name: "Alice" };

B. const obj = (name = "Alice");

C. const obj = [name: "Alice"];

D. const obj = name => "Alice";

Solution

1. Step 1: Understand object literal syntax

   Objects in JavaScript are created using curly braces with key-value pairs inside, like { key: value }.

2. Step 2: Identify the correct syntax for key-value pair

   The key name and value "Alice" should be inside curly braces separated by a colon.

3. Final Answer:

   const obj = { name: "Alice" }; -> Option A

4. Quick Check:

   Object literal = curly braces with key: value [OK]

Hint: Objects use curly braces with key: value pairs [OK]

Common Mistakes:

• Using parentheses instead of curly braces
• Using array brackets for objects
• Confusing arrow functions with object creation

2. Which of the following is the correct syntax to create an empty object in JavaScript?

easy

A. const obj = {};

B. const obj = ();

C. const obj = [];

D. const obj = new Object[];

Solution

1. Step 1: Recall empty object syntax

   An empty object is created using empty curly braces {}.

2. Step 2: Check each option

   const obj = {}; uses {}, which is the correct syntax. Others use parentheses, array brackets, or invalid syntax.

3. Final Answer:

   const obj = {}; -> Option A

4. Quick Check:

   Empty object = {} [OK]

Hint: Empty objects use just curly braces {} [OK]

Common Mistakes:

• Using parentheses instead of curly braces
• Using array brackets for objects
• Trying to use new Object[] which is invalid

3. What will be the output of the following code?

const person = { name: "Bob", age: 30 };
console.log(person.name);

medium

A. Error

B. 30

C. "Bob"

D. undefined

Solution

1. Step 1: Understand object property access

   Using dot notation person.name accesses the value of the key name in the object.

2. Step 2: Identify the value of name

   The value of name is the string "Bob".

3. Final Answer:

   "Bob" -> Option C

4. Quick Check:

   person.name = "Bob" [OK]

Hint: Dot notation gets value by key name [OK]

Common Mistakes:

• Confusing key name with value
• Using brackets without quotes incorrectly
• Expecting age instead of name

4. Find the error in the following code that tries to create an object:

const car = { brand = "Toyota", year: 2020 };

medium

A. Missing semicolon after object

B. Using = instead of : for the key brand

C. Using const instead of let

D. year value should be a string

Solution

1. Step 1: Check object key-value syntax

   In objects, keys and values are separated by a colon :, not an equals sign =.

2. Step 2: Identify the incorrect part

   The code uses brand = "Toyota" which is invalid syntax for object properties.

3. Final Answer:

   Using = instead of : for the key brand -> Option B

4. Quick Check:

   Object key-value separator = colon : [OK]

Hint: Use colon : between key and value in objects [OK]

Common Mistakes:

• Using = instead of : in object literals
• Thinking semicolon is mandatory inside object
• Confusing variable declaration keywords

5. You want to create an object student with keys name, age, and grades (an array). Which code correctly creates this object?

hard

A. const student = [ name: "Eva", age: 22, grades: [90, 85, 88] ];

B. const student = { "name" = "Eva", "age" = 22, "grades" = [90, 85, 88] };

C. const student = { name: "Eva", age: "22", grades: "90, 85, 88" };

D. const student = { name: "Eva", age: 22, grades: [90, 85, 88] };

Solution

1. Step 1: Verify object literal syntax with multiple keys

   Objects use curly braces with keys and values separated by colons, and multiple pairs separated by commas.

2. Step 2: Check each option for correct syntax and data types

   const student = { name: "Eva", age: 22, grades: [90, 85, 88] }; correctly uses colons and commas, and grades is an array. const student = { "name" = "Eva", "age" = 22, "grades" = [90, 85, 88] }; uses equals signs which is wrong. const student = [ name: "Eva", age: 22, grades: [90, 85, 88] ]; uses array brackets instead of curly braces. const student = { name: "Eva", age: "22", grades: "90, 85, 88" }; uses a string for grades instead of an array.

3. Final Answer:

   const student = { name: "Eva", age: 22, grades: [90, 85, 88] }; -> Option D

4. Quick Check:

   Object with array value uses colon and brackets [OK]

Hint: Use colons for keys and arrays inside objects with brackets [OK]

Common Mistakes:

• Using = instead of : for keys
• Using arrays brackets instead of curly braces for objects
• Putting arrays as strings instead of actual arrays