How to Create Objects - 1

11 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$39.99
List Price:  $79.99
You save:  $40
€38.34
List Price:  €76.69
You save:  €38.35
£31.81
List Price:  £63.63
You save:  £31.81
CA$57.41
List Price:  CA$114.84
You save:  CA$57.43
A$63.97
List Price:  A$127.96
You save:  A$63.98
S$54.21
List Price:  S$108.43
You save:  S$54.22
HK$310.92
List Price:  HK$621.91
You save:  HK$310.99
CHF 35.74
List Price:  CHF 71.50
You save:  CHF 35.75
NOK kr452.69
List Price:  NOK kr905.49
You save:  NOK kr452.80
DKK kr285.99
List Price:  DKK kr572.05
You save:  DKK kr286.06
NZ$70.70
List Price:  NZ$141.42
You save:  NZ$70.72
د.إ146.88
List Price:  د.إ293.80
You save:  د.إ146.92
৳4,759.62
List Price:  ৳9,520.44
You save:  ৳4,760.81
₹3,397.10
List Price:  ₹6,795.05
You save:  ₹3,397.95
RM180.27
List Price:  RM360.59
You save:  RM180.32
₦61,792.91
List Price:  ₦123,601.28
You save:  ₦61,808.36
₨11,086.54
List Price:  ₨22,175.86
You save:  ₨11,089.31
฿1,367.71
List Price:  ฿2,735.76
You save:  ฿1,368.05
₺1,402.52
List Price:  ₺2,805.39
You save:  ₺1,402.87
B$243.37
List Price:  B$486.81
You save:  B$243.44
R732.54
List Price:  R1,465.27
You save:  R732.72
Лв74.93
List Price:  Лв149.89
You save:  Лв74.95
₩57,842.33
List Price:  ₩115,699.13
You save:  ₩57,856.80
₪145.51
List Price:  ₪291.06
You save:  ₪145.55
₱2,352.81
List Price:  ₱4,706.21
You save:  ₱2,353.40
¥6,256.23
List Price:  ¥12,514.03
You save:  ¥6,257.80
MX$803.05
List Price:  MX$1,606.30
You save:  MX$803.25
QR145.19
List Price:  QR290.43
You save:  QR145.23
P550.51
List Price:  P1,101.16
You save:  P550.64
KSh5,142.14
List Price:  KSh10,285.57
You save:  KSh5,143.43
E£2,034.81
List Price:  E£4,070.14
You save:  E£2,035.32
ብር4,965.06
List Price:  ብር9,931.37
You save:  ብር4,966.30
Kz36,710.82
List Price:  Kz73,430.82
You save:  Kz36,720
CLP$39,506.29
List Price:  CLP$79,022.46
You save:  CLP$39,516.17
CN¥291.78
List Price:  CN¥583.63
You save:  CN¥291.85
RD$2,425.42
List Price:  RD$4,851.45
You save:  RD$2,426.03
DA5,393.73
List Price:  DA10,788.81
You save:  DA5,395.08
FJ$92.63
List Price:  FJ$185.29
You save:  FJ$92.66
Q306.89
List Price:  Q613.86
You save:  Q306.97
GY$8,332.99
List Price:  GY$16,668.06
You save:  GY$8,335.07
ISK kr5,538.46
List Price:  ISK kr11,078.31
You save:  ISK kr5,539.84
DH400.86
List Price:  DH801.83
You save:  DH400.96
L734.57
List Price:  L1,469.33
You save:  L734.75
ден2,358.54
List Price:  ден4,717.67
You save:  ден2,359.13
MOP$318.86
List Price:  MOP$637.80
You save:  MOP$318.94
N$733.28
List Price:  N$1,466.76
You save:  N$733.47
C$1,465.68
List Price:  C$2,931.72
You save:  C$1,466.04
रु5,417.88
List Price:  रु10,837.11
You save:  रु5,419.23
S/148.31
List Price:  S/296.66
You save:  S/148.35
K161.51
List Price:  K323.07
You save:  K161.55
SAR150.21
List Price:  SAR300.46
You save:  SAR150.25
ZK1,102.28
List Price:  ZK2,204.85
You save:  ZK1,102.56
L190.81
List Price:  L381.67
You save:  L190.86
Kč963.45
List Price:  Kč1,927.14
You save:  Kč963.69
Ft15,873.63
List Price:  Ft31,751.23
You save:  Ft15,877.60
SEK kr441.19
List Price:  SEK kr882.49
You save:  SEK kr441.30
ARS$40,705.74
List Price:  ARS$81,421.67
You save:  ARS$40,715.92
Bs275.23
List Price:  Bs550.54
You save:  Bs275.30
COP$174,344.67
List Price:  COP$348,732.94
You save:  COP$174,388.27
₡20,095.61
List Price:  ₡40,196.26
You save:  ₡20,100.64
L1,011.06
List Price:  L2,022.38
You save:  L1,011.31
₲310,574.38
List Price:  ₲621,226.44
You save:  ₲310,652.05
$U1,776.52
List Price:  $U3,553.49
You save:  $U1,776.96
zł163.49
List Price:  zł327.04
You save:  zł163.54
Already have an account? Log In

Transcript

In JavaScript, there are five different ways to create objects. We have already talked about objects, and how to create them by the simple method, which is just creating a variable and then the curly braces notation. But there are five different ways. So let's get started. The first method is using the new Object Notation, which as you can see on the screen, you can just create a VAR person, and then you just type equals new object. And then you start adding properties to that object.

So the first method, you just create a variable var person equals to new and then object with a capital O, and then parentheses and then semicolon. And then you just use the dot notation to add properties. So you just I person And then you add properties. For example, you want to add v name equals to john, and then semicolon. And then for example, you want to add another property age, person dot age equals to 25 and the semicolon and then console dot log. And then you just pass the person first, and save and run.

And as you can see, we get this object. So this is the first method by using the new and then object keyword. The second method we talked about before, which is just creating a simple variable, and then equals to, and then curly braces. And inside these curly braces, you add the properties that you want to have for this object. So for example, a person might have a name. So you add the name, and then call and then colon and then the property.

Value, which is, of course, a name, which is e or K, and then comma, and then the other property, which could be h, and then colon and then the value. So let's take an example. So I'm going to just comment these out here. And then create the second method, which is var person and then equals to just add curly braces. And inside these curly braces, you add the properties. So the first one name, john, and then comma, and then H, and then the value 25.

And just semicolon and you can print it. I'm going to use the console log again here and copy and paste it and save and run and we get the same exact result as before. So this is the second method on how to create an object by using Just a simple variable and then you add curly braces and add properties inside the third method is by using a function and then add the this keyword and then you pass variables to this function or just add values to this function inside. And this function is called also known as constructor function. So you just create a function and then pass the properties. For example, we want to have for a person a name and age as properties.

So we pass them and use the the this keyword and then we assign that variable that value that we have passed to the name and then the second value or parameter that we have passed to the second property which is age. And then you create a new object from That function using new keyword. So the third method is a constructor function. Usually you just create a function function, and then the name of that function, which is the name of the object, which is going to be person. And usually when using our constructor function, we make the first letter capital. So here person with a capital letter for the P, and then parentheses, and then inside them, you add the properties that you want to pass, I want to pass the name as well the age and then curly braces.

And inside these curly braces, the most important part for constructor functions, which is this keyword, race, you just type this and what this means is that it refers to this object, meaning that this object, this object, which is Pearson, Has you should you just add dot and the name as a name, and in equals to the value that you are going to pass to this person, which is this name that you passed here, and then semicolon. And then you are the second value or second parameter, you pass it here age, and then you again use this keyword and then dot age. And again, this race this keyword means that this object has a property called age and its value equals to this age that we just passed. And then semicolon and then you just create a new object from this function, just type new and then person and make sure that this this person exists.

Actually matches this one. And it has, it's better to have E capital because it's conventional to use p capital for constructor functions, and then semicolon. And here you just pass the values that you want to have for this for for this object. So I want this to have Kate as a name, and the age is 25. And we need to store this object in a variable for and we can name this variable person one equals to this value, and we can use console dot log, and we just pass this person one. And if I save and run, I am going to get the same exact result as before.

We get the name as here the name ASCII and the value, the age value 25 and the past of using objects is that you can create as many objects as you can. So for example, I can create another person for person to, and then equals to new, and then person. And then you just pass the other value, I want this person to have any mom, john, and age of 23, and then semicolon and they can also use console dot log. And they just ask person two. And if I save and run, I am going to get person two. And as you can see, I can get as many variations of this object as I can.

So this is the third method, which is called the constructor method. The fourth method is by using the object class and then calling the Create a method given by JavaScript. And in that case, you don't have to use it. constructor to create a constructor, you just create your simple object. And then you create as many variations as you can by creating variables and then you just call the Create method on the object class, and change the variable each time you create a new object by creating a new variable, and just changing the name of that variable. So let's take an example.

So to create an example for this method, for this fourth method, you just create a simple variable for example, cold person, and then it's going to be equal to object. And inside that object, I'm going to give just default values so the default values are name and then eight for example, and age. Age 23 23 and then what they would do is just use the object class and they call the Create function here create and then pass that person. And then I just store the result inside a simple variable called var person one, person one equals to this. And then I use the console log console dot log, and I pass person one. And I can call the default value for example me.

And if I save and run, I am going to get the kit if I change this to age, I am going to get age 23. And these are the default. Of course, they can change that by using person one dot name equals Alice Alice If I save and change this to name, and Save and Run, I get Alice. As you can see, I was able to change the default value. And they can also change, I can also create other variations. So I can create a new object here, where person two equals to object, dot create.

And then person. And if I pass here, instead of person one, person two, if I save and run, I am gonna get the default value, which is Kate. And of course, I can change it as we did here before. But remember that this method is used less than the constructor method, because the constructor method is much better and much, much conventional. So this method is rarely used. But the but this method is useful in case you don't want to create a constructor method.

It's going to get the job done for you. And you don't have to create a constructor method as we did here. But I wouldn't recommend using this method, I would recommend, I would recommend going with the flow because many programmers like to use our constructors, not enjoy in just JavaScript in other programming languages. So this method is good, but it's not being used as much as the constructor method.

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.