Introducing Objects

Modern JavaScript Learn JavaScript Fundamentals
5 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€96.21
List Price:  €134.70
You save:  €38.49
£79.93
List Price:  £111.90
You save:  £31.97
CA$143.79
List Price:  CA$201.32
You save:  CA$57.52
A$160.48
List Price:  A$224.69
You save:  A$64.20
S$135.83
List Price:  S$190.17
You save:  S$54.33
HK$777.07
List Price:  HK$1,087.93
You save:  HK$310.86
CHF 89.45
List Price:  CHF 125.24
You save:  CHF 35.78
NOK kr1,141.95
List Price:  NOK kr1,598.78
You save:  NOK kr456.82
DKK kr717.64
List Price:  DKK kr1,004.72
You save:  DKK kr287.08
NZ$177.52
List Price:  NZ$248.53
You save:  NZ$71.01
د.إ367.25
List Price:  د.إ514.17
You save:  د.إ146.91
৳11,994.74
List Price:  ৳16,793.12
You save:  ৳4,798.37
₹8,496.63
List Price:  ₹11,895.62
You save:  ₹3,398.99
RM450.75
List Price:  RM631.07
You save:  RM180.32
₦155,628.43
List Price:  ₦217,886.03
You save:  ₦62,257.60
₨27,934.96
List Price:  ₨39,110.06
You save:  ₨11,175.10
฿3,444.45
List Price:  ฿4,822.37
You save:  ฿1,377.92
₺3,518.54
List Price:  ₺4,926.10
You save:  ₺1,407.55
B$617.53
List Price:  B$864.57
You save:  B$247.04
R1,837.80
List Price:  R2,572.99
You save:  R735.19
Лв188.31
List Price:  Лв263.64
You save:  Лв75.33
₩144,872.25
List Price:  ₩202,826.95
You save:  ₩57,954.69
₪364.89
List Price:  ₪510.86
You save:  ₪145.97
₱5,883.01
List Price:  ₱8,236.45
You save:  ₱2,353.44
¥15,672.80
List Price:  ¥21,942.55
You save:  ¥6,269.75
MX$2,028.91
List Price:  MX$2,840.56
You save:  MX$811.64
QR366.34
List Price:  QR512.89
You save:  QR146.55
P1,382.59
List Price:  P1,935.69
You save:  P553.09
KSh12,923.70
List Price:  KSh18,093.70
You save:  KSh5,170
E£5,091.27
List Price:  E£7,127.98
You save:  E£2,036.71
ብር12,764.56
List Price:  ብር17,870.89
You save:  ብር5,106.33
Kz91,790.82
List Price:  Kz128,510.82
You save:  Kz36,720
CLP$99,155.08
List Price:  CLP$138,821.08
You save:  CLP$39,666
CN¥729.81
List Price:  CN¥1,021.77
You save:  CN¥291.95
RD$6,104.52
List Price:  RD$8,546.58
You save:  RD$2,442.05
DA13,454.60
List Price:  DA18,836.98
You save:  DA5,382.37
FJ$232.11
List Price:  FJ$324.96
You save:  FJ$92.85
Q773.21
List Price:  Q1,082.52
You save:  Q309.31
GY$21,000.46
List Price:  GY$29,401.48
You save:  GY$8,401.02
ISK kr13,903.60
List Price:  ISK kr19,465.60
You save:  ISK kr5,562
DH1,007.40
List Price:  DH1,410.40
You save:  DH403
L1,841.78
List Price:  L2,578.57
You save:  L736.78
ден5,922.50
List Price:  ден8,291.74
You save:  ден2,369.23
MOP$803.42
List Price:  MOP$1,124.82
You save:  MOP$321.40
N$1,834.70
List Price:  N$2,568.66
You save:  N$733.95
C$3,694.32
List Price:  C$5,172.20
You save:  C$1,477.87
रु13,665.58
List Price:  रु19,132.35
You save:  रु5,466.77
S/374.71
List Price:  S/524.60
You save:  S/149.89
K406.86
List Price:  K569.63
You save:  K162.76
SAR375.72
List Price:  SAR526.02
You save:  SAR150.30
ZK2,777.96
List Price:  ZK3,889.25
You save:  ZK1,111.29
L478.81
List Price:  L670.35
You save:  L191.54
Kč2,418.25
List Price:  Kč3,385.65
You save:  Kč967.40
Ft39,800.47
List Price:  Ft55,722.25
You save:  Ft15,921.78
SEK kr1,103.66
List Price:  SEK kr1,545.17
You save:  SEK kr441.50
ARS$102,190.76
List Price:  ARS$143,071.15
You save:  ARS$40,880.39
Bs693.61
List Price:  Bs971.08
You save:  Bs277.47
COP$437,799.12
List Price:  COP$612,936.28
You save:  COP$175,137.16
₡50,480.33
List Price:  ₡70,674.48
You save:  ₡20,194.15
L2,548.03
List Price:  L3,567.35
You save:  L1,019.31
₲784,126.06
List Price:  ₲1,097,807.85
You save:  ₲313,681.79
$U4,460.41
List Price:  $U6,244.75
You save:  $U1,784.34
zł409.96
List Price:  zł573.96
You save:  zł164
Already have an account? Log In

Transcript

Any discussion of JavaScript fundamentals must include an introduction to objects. Because JavaScript fundamental data type is the object. Now objects are simply a collection of values. The variables we've been looking at so far, they've had a single, they've contained a single value while an object allows you to contain multiple values. Those values could be primitive data types, like we discussed already, those primitive data types in an object are called properties. They can be a function, which a function tied to an object is called a method.

It could be arrays, or they could be other types of object objects. So an object can contain a lot of different types of other values. So we have here a sample object, we are referencing this object using the name user one so that's We're going to reference this object, just as with primitive data types that are assigned to variables, you have to have some way to reference them. That's true for objects as well. Now, let's use for this example, this object is going to keep data about a user. And so all the data attached to that object is going to be about a user.

And so this happens to be user one. So let's look at some of the data we could have associated with this object. We could have a username. Now since an object is a collection of values, we need a way to refer to those values. So each value is given a name. In this case, the name of the value is user name, the value is john.

We call we call those collection of values in an object. name value pairs because they can system both the name and the value. So the first data attached to this sample object we're looking at is the username. The value is john. The next name value pair is age the value is 32. address the value is 100. South Main city, the value of Salt Lake City.

So far, this object has four name value pairs. Now let's look at a name value pair that contains different information in this case, a function. So the name is full address, the contents or the value associated with that name is a function definition. So we could execute that function by referring to the object and then referring to the name associated with that function. One Example of data associated with this object. Let's say we're keeping track of comments made by this particular user.

Well, in this case, we could use an array. So an array could be a be associated with an object as well. And once again, it's stored as a name value pair. So the value doesn't have to simply be a primitive like we had with the name value pairs at the top of the object. It can be more than that it could be a function, it could be array could be another object even. Now in JavaScript, when we want to refer to a value, that's a part of one of these name value pairs, we need to reference the name of the value.

And we do that using dot notation. There's actually a couple ways to do that. But right now, we'll just introduce dot notation, and then later in the course, we'll talk about another method for doing this. The way dot notation works is it's done by referencing the object First, and then the name of the name value pair. So if we wanted to extract the username from this particular object, we would do user one dot user name. To show this sample, in a Java JavaScript statement, we can use console dot log.

So it'd be console dot log user, one dot username, and that would display the username. That's the basic way use dot notation to access the name value pairs that are part of an object. We've seen an example of this with the string data type. Now, a string is a primitive, it's not an object. But strings are given an object wrapper and so it allows you to do some additional things with them. If remember, we determine the length of a string.

And we did that using dot notation. So let me open up console. Let me clear this out. Let me create a string. And now we can get the length of that stream using dot notation. We specify the variable and the term length and it will return the length of that string.

This is using dot notation, the same sort of dot notation is available for us with objects. Now the details about how to define an object, and how to work with objects will come later. As we deal with objects. However, there are a couple of built in objects we will be talking about in this fundamental section and that's the date object and the math object. So let's take a look at those

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.