freeCodeCamp/curriculum/challenges/english/02-javascript-algorithms-and-data-structures/basic-javascript/accessing-object-properties-with-dot-notation.md

id, title, challengeType, videoUrl, forumTopicId, dashedName

id	title	challengeType	videoUrl	forumTopicId	dashedName
56533eb9ac21ba0edf2244c7	Accessing Object Properties with Dot Notation	1	https://scrimba.com/c/cGryJs8	16164	accessing-object-properties-with-dot-notation

--description--

There are two ways to access the properties of an object: dot notation (.) and bracket notation ([]), similar to an array.

Dot notation is what you use when you know the name of the property you're trying to access ahead of time.

Here is a sample of using dot notation (.) to read an object's property:

const myObj = {
  prop1: "val1",
  prop2: "val2"
};

const prop1val = myObj.prop1;
const prop2val = myObj.prop2;

prop1val would have a value of the string val1, and prop2val would have a value of the string val2.

--instructions--

Read in the property values of testObj using dot notation. Set the variable hatValue equal to the object's property hat and set the variable shirtValue equal to the object's property shirt.

--hints--

hatValue should be a string

assert(typeof hatValue === 'string');

The value of hatValue should be the string ballcap

assert(hatValue === 'ballcap');

shirtValue should be a string

assert(typeof shirtValue === 'string');

The value of shirtValue should be the string jersey

assert(shirtValue === 'jersey');

You should use dot notation twice

assert(code.match(/testObj\.\w+/g).length > 1);

--seed--

--after-user-code--

(function(a,b) { return "hatValue = '" + a + "', shirtValue = '" + b + "'"; })(hatValue,shirtValue);

--seed-contents--

// Setup
const testObj = {
  "hat": "ballcap",
  "shirt": "jersey",
  "shoes": "cleats"
};

// Only change code below this line
const hatValue = testObj;      // Change this line
const shirtValue = testObj;    // Change this line

--solutions--

const testObj = {
  "hat": "ballcap",
  "shirt": "jersey",
  "shoes": "cleats"
};

const hatValue = testObj.hat;
const shirtValue = testObj.shirt;