1
00:00:02,180 --> 00:00:04,430
So now that we created this object

2
00:00:04,430 --> 00:00:07,280
and we understand how we can add line breaks,

3
00:00:07,280 --> 00:00:10,310
how can we work with this object?

4
00:00:10,310 --> 00:00:14,470
Before an array, we could either use the entire array

5
00:00:14,470 --> 00:00:18,293
or point at individual items by using their index.

6
00:00:19,506 --> 00:00:22,250
For objects, it's not that different.

7
00:00:22,250 --> 00:00:24,800
If we want to output the job title,

8
00:00:24,800 --> 00:00:29,100
let's say, then we again use the variable name,

9
00:00:29,100 --> 00:00:33,330
job, but now we can add a dot here.

10
00:00:33,330 --> 00:00:34,750
Let me zoom out a bit

11
00:00:34,750 --> 00:00:37,623
so that I don't have this overlapping overlay.

12
00:00:39,020 --> 00:00:43,260
If we add a dot here, we should get auto completion.

13
00:00:43,260 --> 00:00:44,220
If you don't get it,

14
00:00:44,220 --> 00:00:47,090
you can manually trigger it with control space.

15
00:00:47,090 --> 00:00:51,150
You need to type that dot first, though.

16
00:00:51,150 --> 00:00:54,150
This dot is a special syntax,

17
00:00:54,150 --> 00:00:56,140
which we can use in JavaScript,

18
00:00:56,140 --> 00:01:00,150
to access the different properties of our object.

19
00:01:00,150 --> 00:01:04,209
And here we can see that the IDE, Visual Studio Code,

20
00:01:04,209 --> 00:01:08,670
automatically suggests these three properties.

21
00:01:08,670 --> 00:01:10,900
It also suggests a couple of other things,

22
00:01:10,900 --> 00:01:14,030
but these are just some guesses it makes,

23
00:01:14,030 --> 00:01:16,870
which are not directly related to this object

24
00:01:16,870 --> 00:01:18,540
and which actually won't work.

25
00:01:18,540 --> 00:01:21,080
We can see that these three suggestions

26
00:01:21,080 --> 00:01:24,400
are the actual properties of this object

27
00:01:24,400 --> 00:01:27,890
by this blue box here in front of them.

28
00:01:27,890 --> 00:01:31,570
That's how we can identify those suggestions.

29
00:01:31,570 --> 00:01:33,890
And now if you want to output the title here,

30
00:01:33,890 --> 00:01:37,400
we can simply select it here in the dropdown and hit tab and

31
00:01:37,400 --> 00:01:39,963
simply alert job dot title.

32
00:01:41,270 --> 00:01:43,943
And with this, if we saved this,

33
00:01:45,980 --> 00:01:49,000
if I reload, I first of all get sports

34
00:01:49,000 --> 00:01:51,720
and then thereafter, developer.

35
00:01:51,720 --> 00:01:55,160
So that works and that's how we can work with objects

36
00:01:55,160 --> 00:01:58,210
and their properties in our code.

37
00:01:58,210 --> 00:02:01,410
And objects are another important value type,

38
00:02:01,410 --> 00:02:03,480
which we'll work with quite a bit

39
00:02:03,480 --> 00:02:05,593
when writing JavaScript code.