1
00:00:00,780 --> 00:00:01,860
お帰りなさい。

2
00:00:01,860 --> 00:00:06,930
それで、最後のビデオでは、次のいくつかのビデオで話した最初のデータ構造であるjavascript配列について説明しました。

3
00:00:06,960 --> 00:00:09,250
 

4
00:00:09,270 --> 00:00:12,660
オブジェクトと呼ばれるノートのデータ構造を紹介します。

5
00:00:13,140 --> 00:00:16,070
したがって、配列の場合と同じように2つの主な目的があります。

6
00:00:16,080 --> 00:00:20,070
私たちは、最初にどのようなオブジェクトを使用するのかを理解したいと思っています。

7
00:00:20,100 --> 00:00:21,900
それらは配列とどのように比較されますか？

8
00:00:21,900 --> 00:00:26,350
そして2番目の目的は、javascriptオブジェクトを使ってコードを書く方法です。

9
00:00:26,790 --> 00:00:29,370
進んで始めましょう。

10
00:00:29,400 --> 00:00:31,470
それでは、仮説的な状況があります。

11
00:00:31,470 --> 00:00:35,730
私はJavaScriptを使って一人の人間をモデル化したかったとします。

12
00:00:35,760 --> 00:00:38,850
それぞれの人は名前と年齢と都市を持っています。

13
00:00:38,850 --> 00:00:45,030
ですから、私は3つの異なる変数に年齢と都市という名前を付けることができますが、それらはお互いに関連していないということができる多くの方法があります。

14
00:00:45,030 --> 00:00:46,580
 

15
00:00:46,590 --> 00:00:47,780
彼らは完全に別々です。

16
00:00:47,970 --> 00:00:54,560
personは最初の項目がCindyという名前の配列に等しいです。

17
00:00:54,930 --> 00:00:57,510
だから私がそれらを接続したいなら、ここでやっているような配列を使うことができますvar

18
00:00:57,600 --> 00:01:03,780
2番目の項目は32歳で、最後の項目はMissoulaまたは都市です。

19
00:01:03,780 --> 00:01:08,510
このデータは実際にはリストではないので、これは配列の大きな用途ではありません。

20
00:01:08,760 --> 00:01:13,920
はい、それを配列に強制することはできますが、論理的な順序を持つリストを持つ配列の形式には適していません。

21
00:01:13,920 --> 00:01:16,440
 

22
00:01:16,530 --> 00:01:20,770
この配列から街にアクセスするための論理的順序は実際にはありません。

23
00:01:21,000 --> 00:01:23,970
私は人の括弧も書く必要があります。

24
00:01:24,270 --> 00:01:28,360
そしてそれは私には街がインデックスにもあることを知る必要があります。

25
00:01:28,500 --> 00:01:36,030
私が誤って注文を取り消した場合、Travissに名前の先頭インデックス0が付いていましたが、これらの2つを混ぜます。

26
00:01:36,030 --> 00:01:36,530
 

27
00:01:36,540 --> 00:01:41,300
だから私はインデックス1の都市にインデックス2の年齢を持っていました。

28
00:01:41,520 --> 00:01:48,060
それから、ブラケット2の人にアクセスしようとすると、都市の代わりに年齢になるでしょう。

29
00:01:48,060 --> 00:01:53,370
だから、配列がすべての状況に対して完璧な解決策ではないことを示すだけです。

30
00:01:53,370 --> 00:01:58,040
私たちがここで使うjavascriptオブジェクトであるはるかに優れたデータ構造があります。

31
00:01:58,110 --> 00:02:03,930
ここでは、年齢と都市という名前のperson配列をどのように取って、それをjavascriptオブジェクトに変換するかの例を見ることができます。

32
00:02:03,930 --> 00:02:05,630
 

33
00:02:05,790 --> 00:02:10,140
まず注意すべきは、配列の角括弧ではなく中括弧があることです。

34
00:02:10,890 --> 00:02:15,470
次の重要な部分は、このオブジェクトのすべてのアイテムがキー値のペアであることです。

35
00:02:15,750 --> 00:02:21,050
だから私たちはプロパティのコロン値の名前があります。

36
00:02:21,180 --> 00:02:25,500
年齢は32歳のミズーラです。

37
00:02:25,500 --> 00:02:27,360
このスライドはまったく同じことを示しています。

38
00:02:27,450 --> 00:02:34,860
私たちは別の人物を持っています。varの人は中括弧に等しく、その中にトラヴィスの年齢をLとする21の都市名が設定されています。

39
00:02:34,860 --> 00:02:42,060
A. ここでは、このデータ構造がどのように見えるかの簡単な図があります。

40
00:02:42,060 --> 00:02:43,020
 

41
00:02:43,020 --> 00:02:47,970
 

42
00:02:48,000 --> 00:02:53,690
このオブジェクトには3つの異なるスロットがあり、最初の項目と2番目の項目と3番目の項目がある配列とは異なり、オブジェクトには順序が組み込まれていないことに注意することが重要です。

43
00:02:53,700 --> 00:02:58,380
順序がない場合、オブジェクトの代わりに項目を考えてください。

44
00:02:58,380 --> 00:02:59,040
 

45
00:02:59,040 --> 00:03:04,860
どんな順番でどのように宣言しても問題はありません。

46
00:03:04,860 --> 00:03:05,600
 

47
00:03:05,610 --> 00:03:10,180
だから、この図はそれらを順序で示していますが、それは単に私が命令を選んでいなければならないからです。

48
00:03:10,680 --> 00:03:14,620
あなたはトラヴィスがキー名の下に格納されているのを見ることができます。

49
00:03:14,850 --> 00:03:17,220
21はキー時代に格納されます。

50
00:03:17,370 --> 00:03:23,190
私も。 A. キー都市の下に格納され、オブジェクトからデータを取り出す。

51
00:03:23,190 --> 00:03:24,970
我々は2つの選択肢がある。

52
00:03:25,200 --> 00:03:31,800
オブジェクトの人物の名前を角括弧で指定し、キーの名前を使用することができます。

53
00:03:32,130 --> 00:03:35,820
だから、この場合私はトラビスを人物の対象から外しています。

54
00:03:35,820 --> 00:03:39,610
ですから、私は正しい人の角括弧の名前を引用符で囲んでいます。

55
00:03:39,630 --> 00:03:41,620
これは配列と非常によく似ています。

56
00:03:41,670 --> 00:03:43,920
唯一の違いは、これは数字ではないということです。

57
00:03:43,950 --> 00:03:45,890
これは文字列です。

58
00:03:45,930 --> 00:03:51,140
もう1つのオプションは、ドット表記法を使用することです。ドット表記法は少し短く単純です。

59
00:03:51,150 --> 00:03:58,500
Right Personのドット名と名前は明らかにキーの名前と一致していなければなりません。

60
00:03:58,500 --> 00:03:59,610
 

61
00:03:59,880 --> 00:04:02,320
私は先に進んで、そのことを実証します。 私は犬と呼ばれる新しいオブジェクトを作成し、私の犬はいつものようにプロパティ名を持つつもりです。

62
00:04:02,340 --> 00:04:10,640
Rusty彼は最高の犬と半分の品種です。

63
00:04:10,740 --> 00:04:14,390
彼は老いた年齢で、彼は3歳です。

64
00:04:14,760 --> 00:04:22,140
それは私に私の対象犬を与えます。

65
00:04:22,590 --> 00:04:24,720
それをコンソールで見ると、オブジェクトであることがわかります。

66
00:04:24,840 --> 00:04:28,350
あなたの名前は泥のように繁殖します3。

67
00:04:28,350 --> 00:04:32,180
 

68
00:04:32,190 --> 00:04:39,990
だから私は犬のオブジェクトから自分の年齢にアクセスしたい場合、私は最初の無傷の犬をすることができますし、引用符の年齢で彼らは3つを得るか、私は犬の年齢を行うことができますまた私は3つを取得します。

69
00:04:40,350 --> 00:04:47,970
いずれかを使用するのはあなた次第です。

70
00:04:48,120 --> 00:04:50,190
私はそれがより短いので、犬の犬の年齢を使用することを好む。

71
00:04:50,190 --> 00:04:53,100
引用符を使用する必要はありません。

72
00:04:53,100 --> 00:04:54,380
どちらの側にも二重のブラケットは必要ありません。

73
00:04:54,390 --> 00:04:56,570
あなたはそれを必要とします。

74
00:04:56,700 --> 00:04:57,880
しかし、このスライドにはいくつかの違いがあります。

75
00:04:58,350 --> 00:05:01,100
私は主な違いの3つを示しています。

76
00:05:01,110 --> 00:05:03,750
したがって、プロパティが数値で始まる場合はドット表記を使用できません。

77
00:05:04,140 --> 00:05:08,850
だから、ここでDOTの何らかのオブジェクトが有効でないことがわかります。

78
00:05:08,850 --> 00:05:14,580
しかし、私が1つのblahと呼ばれるプロパティを持っている場合、私は角括弧を使用して引用符でそれを置く必要があり、それはちょうどそれがjavascriptで設定されている方法です。

79
00:05:15,090 --> 00:05:20,660
 

80
00:05:20,660 --> 00:05:23,040
 

81
00:05:23,040 --> 00:05:28,290
ここでは3つ目の例にジャンプします。これは、プロパティ名に空白があるようなドット表記を使用できないということです。

82
00:05:28,290 --> 00:05:31,450
明らかにこれはうまくいきません。

83
00:05:31,500 --> 00:05:33,240
 

84
00:05:33,240 --> 00:05:38,820
Javascriptは、私たちがdot favにアクセスしていると考えています。だからとにかく、実際には良い練習ではない空間を持つプロパティが必要な場合は、引用符を使用する必要があります。

85
00:05:38,820 --> 00:05:42,600
Fav。

86
00:05:42,620 --> 00:05:43,130
スペースカラーは、角カッコ表記を使用します。

87
00:05:43,170 --> 00:05:46,150
そして中間の例は、あなたが変数を使って物を調べることができることを示しています。

88
00:05:46,890 --> 00:05:51,370
ブラケット記法を使用する場合。

89
00:05:51,420 --> 00:05:53,160
 

90
00:05:53,370 --> 00:06:00,900
 

91
00:06:00,900 --> 00:06:09,300
だから私はここで文字列またはTRと呼ばれる変数を持っていると私はTRとしていくつかのオブジェクトをしようとすると引用符で等しいですそれはTRとしてプロパティを探しますしかし、私はTRとしてオブジェクトの角括弧を行う場合それは行くTRとして評価し、引用符で名前を付けます。

92
00:06:09,300 --> 00:06:14,970
だから、これはいくつかのオブジェクトのnameプロパティを検索します。

93
00:06:14,970 --> 00:06:19,560
だから、これは時折実際に見られるものです。

94
00:06:19,560 --> 00:06:22,290
ここで違いを知る価値があります。

95
00:06:22,320 --> 00:06:24,040
変数名を使用して角カッコ表記を使用すると、プロパティをルックアップできます。

96
00:06:24,060 --> 00:06:29,700
次は、オブジェクト内のデータを更新することができます。

97
00:06:29,820 --> 00:06:34,140
したがって、データにアクセスして等号で再割り当てする配列と非常に似ています。

98
00:06:34,410 --> 00:06:40,190
だから、ここではTravisの年齢が21歳のLと同じ人物のオブジェクト名があるのが分かります。 A. 私がトラヴィス時代に追加したいのなら、それは彼の誕生日です。

99
00:06:40,470 --> 00:06:47,970
 

100
00:06:47,970 --> 00:06:51,230
私がする必要があるのは、アクセス人の年齢です。

101
00:06:51,450 --> 00:06:54,160
角括弧またはドット表記を使用して、再割り当てすることができます。

102
00:06:54,570 --> 00:06:58,430
だから、人の年齢は1に等しい。

103
00:06:58,560 --> 00:07:01,170
 

104
00:07:01,710 --> 00:07:08,940
だから、年齢が22歳の人を1人追加するか、人口都市を使用してロンドンに再割り当てすることができます。

105
00:07:08,940 --> 00:07:09,500
だから、人と都市がロンドンに等しいという人は、ロンドンの都市を持つ人になります。

106
00:07:09,660 --> 00:07:15,490
だからそれを実証するだけです。

107
00:07:15,510 --> 00:07:16,990
Rusty breeders muttという名前の私たちの犬のオブジェクトに戻りましょう。

108
00:07:17,280 --> 00:07:22,200
年齢は3歳です。

109
00:07:22,230 --> 00:07:23,850
Rustyはちょうど誕生日だったので、私は彼の年齢の犬を変更するつもりです。

110
00:07:23,880 --> 00:07:28,050
 

111
00:07:28,080 --> 00:07:34,080
年齢は等しく、私はこれを4と同じにすることができます。それは、何があっても私が犬を見ることができるにしても、それを4にすることです。

112
00:07:34,730 --> 00:07:36,260
または私は犬をすることができます。

113
00:07:36,930 --> 00:07:39,070
年齢プラスは既存の年齢に1を加算するだけのもので、それは5を与えます。

114
00:07:39,150 --> 00:07:45,940
また、角カッコ表記を使ってそのことを実演します。

115
00:07:45,990 --> 00:07:49,180
私はRustyの名前を彼のニックネームのTaterに変更したいとしましょう。

116
00:07:49,230 --> 00:07:53,110
私は犬の大括弧の名前を書くだろうと私はrestiを与えると私はTatorになるようにそれを再割り当てします。

117
00:07:53,450 --> 00:08:01,710
そして、あなたが犬を見ると、私たちは今、Tatorを5歳で解放しました。

118
00:08:03,120 --> 00:08:10,200
レースで見たようにオブジェクトを初期化するにはいくつかの方法がありますので、最初に空のオブジェクトを作成するか、ここにあるようにします。

119
00:08:10,320 --> 00:08:16,050
 

120
00:08:16,050 --> 00:08:19,540
Var personは空の中括弧に等しいので、事実の後にデータを追加することができます。

121
00:08:19,740 --> 00:08:24,560
一度に1つずつ。

122
00:08:24,600 --> 00:08:26,240
人の名前は、都市がLである21歳のトラビス人です。 A.

123
00:08:26,360 --> 00:08:33,330
私たちは一度にすべてを行うことができます。これまでに見たことは、オブジェクトのリテラル表記と呼ばれています。

124
00:08:33,330 --> 00:08:37,040
今のところ人は平等で、中括弧の中で私はちょうど私の財産名Travis

125
00:08:37,140 --> 00:08:43,860
age callと21都市Colan Lを書いています。 A. あなたが非常に頻繁に表示されない最後の方法は、JavaScriptの後半になるまでです。

126
00:08:43,860 --> 00:08:50,910
 

127
00:08:51,330 --> 00:08:57,450
彼は私に新しいオブジェクトを作って空のオブジェクトとして返す新しい配列のような関数である新しいオブジェクトを使うことができると言った。

128
00:08:57,510 --> 00:08:59,740
そして、人の都市に年齢ではない人名を追加することができます。

129
00:08:59,880 --> 00:09:03,570
ですから、今のところこのシンタックスとこのシンタックスをはるかに頻繁に見ることになります。

130
00:09:03,810 --> 00:09:08,940
私がオブジェクトを作りたいもう一つのポイントは、配列のようにあらゆる種類のデータを保持できることです。

131
00:09:08,940 --> 00:09:14,160
だから、私たちのデータは数字や文字列、または配列であっても、あなたがここで見ることができる別のオブジェクトであってもかまいません。

132
00:09:14,610 --> 00:09:21,410
配列と同じように、私たちが好きなだけ混合して一致させることができます。

133
00:09:21,630 --> 00:09:24,460
 

134
00:09:24,480 --> 00:09:28,770
ここでは、オブジェクトと比較して構文を消去する次のビデオでここで中止します

135
00:09:28,800 --> 00:09:29,850