1
00:00:00,410 --> 00:00:01,880
さて、戻ってきます。

2
00:00:02,100 --> 00:00:07,110
このビデオでは、配列と呼ばれる最初の主要なデータ構造について説明します。

3
00:00:07,110 --> 00:00:08,200
 

4
00:00:09,060 --> 00:00:10,520
だからここにいくつかの目標があります。

5
00:00:10,710 --> 00:00:15,340
最初のものは、配列が何であるか、なぜそれらを使用するのかを理解することです。

6
00:00:15,810 --> 00:00:18,210
次に、コードでそれらを使用したいとします。

7
00:00:18,540 --> 00:00:22,840
ですから、配列のポイントが何であるかを概念的に話すことから始めましょう。

8
00:00:23,130 --> 00:00:25,930
だから私は友達のグループをモデル化したかったとします。

9
00:00:26,130 --> 00:00:32,380
だから、すべての友人はCharlieとLiz DavidとMathiasのような名前の文字列です。

10
00:00:32,640 --> 00:00:35,130
だから私は友人の変数を作ることができました。

11
00:00:35,160 --> 00:00:41,100
それぞれが別々の変数です。別の変数を追加したい場合は、私の友人を保存する必要があります。5は他の名前と同じです。

12
00:00:41,340 --> 00:00:42,880
 

13
00:00:43,020 --> 00:00:47,700
そして私は法医学をしなければならない次のものを知り、それから友達7を知る必要があります。

14
00:00:47,880 --> 00:00:50,340
そして、これはいくつかの理由で問題があります。

15
00:00:50,340 --> 00:00:53,730
1つは、このコードは私たちが乾いたと考えるものではないということです。

16
00:00:53,730 --> 00:00:56,040
ここにはたくさんの繰り返しコードがあります。

17
00:00:56,040 --> 00:00:59,150
また、これらの友人はお互いに関連していません。

18
00:00:59,220 --> 00:01:00,490
彼らは完全に別々です。

19
00:01:00,690 --> 00:01:02,640
だから本当に友人のグループではありません。

20
00:01:02,940 --> 00:01:08,730
だから、これは配列の完璧なユースケースです。配列は、グループデータをリストに入れます。

21
00:01:09,060 --> 00:01:15,930
したがって、4つの別々の変数を持つのではなく、1つの変数を書くことができ、その内部に4つの異なる名前を格納します。

22
00:01:15,930 --> 00:01:17,840
 

23
00:01:17,880 --> 00:01:21,260
そこで、配列の仕組みを詳しく見てみましょう。

24
00:01:21,420 --> 00:01:23,340
私はここで同じサンプルコードを持っています。

25
00:01:23,490 --> 00:01:26,940
バールの友人は等しいとし、角括弧。

26
00:01:26,970 --> 00:01:30,080
これがjavascriptに配列であることを伝えます。

27
00:01:30,120 --> 00:01:35,760
この時点までここでは、通常のjavascript変数を扱っています。ここでは、右側に文字列、数値、ブール値、または未定義またはいいえがあります。

28
00:01:35,880 --> 00:01:40,610
 

29
00:01:40,800 --> 00:01:42,850
しかし、代わりに配列があります。

30
00:01:43,260 --> 00:01:45,520
したがって角括弧は配列を表します。

31
00:01:45,540 --> 00:01:48,960
開いたブラケットの閉じたブラケットを見ることができます。

32
00:01:49,140 --> 00:01:53,070
また、内部に配列を宣言するためのデータリストがあります。

33
00:01:53,310 --> 00:01:55,230
コンマ区切りのリストです。

34
00:01:55,320 --> 00:01:59,760
だから私たちはCharlieカンマLiz comma Davidカンマのような値を持っています。

35
00:01:59,790 --> 00:02:00,780
マティアス。

36
00:02:00,780 --> 00:02:03,920
そしてその結果、4つのアイテムの配列になります。

37
00:02:03,930 --> 00:02:09,390
 

38
00:02:09,420 --> 00:02:15,750
配列に関する2番目の重要な情報の1つは、ゼロから始まるすべての文字に対応する特定の番号がある文字列の文字のようにインデックス付けされていることです。

39
00:02:16,020 --> 00:02:18,660
配列は、ゼロから始まるインデックスも付けられます。

40
00:02:18,900 --> 00:02:22,270
したがって、この配列の各スロットには対応する番号があります。

41
00:02:22,410 --> 00:02:28,140
この4つの名前でこの配列を作成すると、配列がメモリ内でどのように作成されるかを表す図があります。

42
00:02:28,140 --> 00:02:29,240
 

43
00:02:29,310 --> 00:02:38,100
だから、私たちはチャーリーを数字0で保存しました。インデックスは1つのDavidと2つのMathiasで3つあります。

44
00:02:39,600 --> 00:02:44,520
これらの配列インデックスを使用して、配列からデータを取得します。

45
00:02:44,550 --> 00:02:46,770
ここで私は同じ正確な配列を初期化しています。

46
00:02:46,970 --> 00:02:53,550
私がチャーリーを配列から取り出そうとするなら、私はシャーリーに相当する指数を知る必要があります。

47
00:02:53,550 --> 00:02:54,290
 

48
00:02:54,810 --> 00:02:56,820
そして、私がしているのは友達を書くことだけです。

49
00:02:57,030 --> 00:02:59,450
変数名の括弧は0です。

50
00:02:59,580 --> 00:03:03,300
私が最初のキャラクターをもう一度欲しければ、ストリングと同じように。

51
00:03:03,340 --> 00:03:08,190
唯一の違いは、一連の文字列を扱う文字列を処理していないことです。

52
00:03:08,640 --> 00:03:09,940
 

53
00:03:10,530 --> 00:03:13,930
だから友人0がチャドリーを私に渡すつもりです。

54
00:03:14,190 --> 00:03:22,500
同様に私は私の人生と心臓に加えて友人を与える友人をした場合私はデイビッドを与え、私たちはリズハートで終わる。

55
00:03:22,500 --> 00:03:23,980
 

56
00:03:24,060 --> 00:03:30,370
Davidは、インデックスを使用して配列値を更新することもできます。

57
00:03:30,630 --> 00:03:37,320
チャーリーが自分の名前をチャックに変えたいのであれば、インデックスゼロの友達がゼロの配列でチャーリーを見つけ、それを別のストリングチャックと同じに設定するだけです。

58
00:03:37,320 --> 00:03:43,300
 

59
00:03:43,320 --> 00:03:47,460
だから、私たちの配列は、インデックス0にチャックがあるところのように見えます。

60
00:03:47,460 --> 00:03:48,990
リズと同じこと。

61
00:03:49,020 --> 00:03:56,670
彼女は彼女の名前をLizzieに変更します。ここで私たちの配列で見ることができるLizzieの1人の友人であるLizの正しいインデックスを見つけるだけです。

62
00:03:56,940 --> 00:03:59,370
 

63
00:03:59,370 --> 00:04:05,090
LizzyがゼロのChuckのように見える。

64
00:04:05,520 --> 00:04:10,280
配列の次の特徴は、既存の配列にデータを追加できることです。

65
00:04:10,290 --> 00:04:15,150
 

66
00:04:15,150 --> 00:04:20,430
だから私は本当にすごい新しい友達ができたら、新しい友人を実際に使うことができます。友達にアクセスして、まだ存在しないインデックスをここに置くだけです。

67
00:04:20,430 --> 00:04:29,490
だからこのケースでは、もし私が家族のために友達をしたら、私はここで指導者になるでしょう。私はあなたに詐欺師の簡単なデモを見せません。

68
00:04:29,490 --> 00:04:36,750
私はそれを行うために色をモデル化するために配列を使うつもりです。

69
00:04:36,750 --> 00:04:37,410
 

70
00:04:37,440 --> 00:04:43,980
 

71
00:04:43,980 --> 00:04:53,030
私はvarの色の配列equalsを定義するつもりです、そして、私はそこに赤いオレンジと黄色を開始する文字列としてちょうどいくつかの色を入れて、私はenterを打つでしょう。

72
00:04:53,070 --> 00:04:55,480
色の配列を定義しました。

73
00:04:55,670 --> 00:05:02,840
 

74
00:05:02,840 --> 00:05:12,840
色にアクセスすると3つの項目があり、オレンジ色を印刷したい場合は、1のインデックスを持つのでパケット1の色を使用し、黄色の後に別の要素を追加したい場合はオレンジ色にします緑で

75
00:05:12,960 --> 00:05:14,910
 

76
00:05:14,910 --> 00:05:17,880
私は0 1 2を数える必要があります。

77
00:05:18,090 --> 00:05:20,410
したがって、3のインデックスは次のインデックスです。

78
00:05:20,460 --> 00:05:25,240
インデックス3色3つは緑色に等しい。

79
00:05:25,540 --> 00:05:30,390
そして今私達が色を見れば私は赤いオレンジの黄緑を得る。

80
00:05:30,420 --> 00:05:33,930
緑色を暗緑色に変えたいとします。

81
00:05:34,530 --> 00:05:36,120
私はそれに最初にアクセスする必要があります。

82
00:05:36,180 --> 00:05:37,640
だから色3。

83
00:05:37,710 --> 00:05:40,270
それが緑色であることを確認してください。

84
00:05:40,350 --> 00:05:47,490
だから私は今、色を3つを暗い緑色に変えようとしています。

85
00:05:47,490 --> 00:05:57,300
私が10の色のような何かをすれば、簡単なメモはバイオレットと等しく、私はエンターを押す。

86
00:05:57,740 --> 00:05:59,450
色がどのように見えるかを見てみましょう。

87
00:05:59,450 --> 00:06:06,280
赤いオレンジ色の黄緑色の暗い緑色が表示され、未定義になっていることがわかりました。

88
00:06:06,290 --> 00:06:08,060
タイムズ6。

89
00:06:08,070 --> 00:06:14,610
そこで、私はVioletに10のインデックスを付け加え、3のインデックスと10のインデックスの間に多くの空白が残るということです。

90
00:06:14,790 --> 00:06:18,030
 

91
00:06:18,060 --> 00:06:22,000
だから、javascriptは空のスペースを作り、未定義でいくつかを埋めます。

92
00:06:22,290 --> 00:06:25,680
だから、この配列には理想的ではない空きスペースがたくさんあります。

93
00:06:25,680 --> 00:06:29,700
そこで次のビデオでは、ここでまとめていくために、いつでも私たちの配列にあるアイテムの数を追跡する必要がない、データを追加する別の方法を紹介します。

94
00:06:29,700 --> 00:06:33,690
 

95
00:06:33,690 --> 00:06:36,030
私は配列に関するいくつかの注意点があります。

96
00:06:36,030 --> 00:06:40,130
その第一は、配列を定義するさまざまな方法があるということです。

97
00:06:40,170 --> 00:06:44,460
第1の方法は、角括弧を使用して空の配列を定義することです。

98
00:06:44,760 --> 00:06:48,960
この場合、私は友人の配列を定義しましたが、残念ながら友人はいません。

99
00:06:49,140 --> 00:06:51,200
だからそれはちょうど空の角括弧です。

100
00:06:51,360 --> 00:06:57,670
配列を定義するもう1つの方法は、新しい配列に大文字のAとそれに続くカッコを書くことです。

101
00:06:57,770 --> 00:06:59,560
 

102
00:06:59,610 --> 00:07:05,130
だから私はこれが何であるかについてはあまり詳しく述べないが、これを関数と考える。

103
00:07:05,130 --> 00:07:06,020
それは関数です。

104
00:07:06,070 --> 00:07:07,570
私たちはカッコでそれを呼んでいます。

105
00:07:07,650 --> 00:07:10,520
これは私たちをこのような新しい配列にします。

106
00:07:10,650 --> 00:07:12,840
したがって、これらはどちらの場合も同等です。

107
00:07:12,840 --> 00:07:15,760
私たちは空の友人の配列を持っています。

108
00:07:15,900 --> 00:07:19,370
次の点は、配列がどのようなタイプのデータも保持できることです。

109
00:07:19,560 --> 00:07:25,140
 

110
00:07:25,380 --> 00:07:32,130
だからあなたはCharlieやLizのような文字列でそれを見てきましたが、ちょっと後で見られる他の配列の文字列では定義されていないブール値で数字を埋め込むことができます。

111
00:07:32,340 --> 00:07:34,340
したがって、あらゆる種類のデータで配列を埋めることができます。

112
00:07:34,590 --> 00:07:36,820
そして、それらはすべて一つのタイプでなければならないわけではありません。

113
00:07:36,840 --> 00:07:43,170
だから、ここでは、ブール型の文字列の数と、1つの配列内にすべてがない例を示します。

114
00:07:43,230 --> 00:07:48,640
最後に私が指摘しておきたいのは、配列には文字列のようなlengthプロパティもあるということです。

115
00:07:48,960 --> 00:07:54,960
この例では、4つのアイテムの配列を定義していますが、何も驚くことはありません。

116
00:07:55,050 --> 00:07:56,430
それは私に4を与える。

117
00:07:56,850 --> 00:07:59,490
私は先に進み、私の領事を開き、それを実証するでしょう。

118
00:07:59,790 --> 00:08:04,400
ここでは、犬と犬と呼ばれる新しい配列を定義しましょう。

119
00:08:04,500 --> 00:08:07,370
私は文字列を定義します。

120
00:08:07,510 --> 00:08:16,460
Rusty WyattとAliはそんな感じです。

121
00:08:16,740 --> 00:08:24,040
私がドッグスターを長さに走らせれば、長さが数えられるので3つになる。

122
00:08:24,060 --> 00:08:25,480
そこにはいくつのものがあるのですか。

123
00:08:25,770 --> 00:08:31,140
しかし、この配列の中で最も高いインデックスは常に長さよりも1つ小さいことに注意してください。

124
00:08:31,200 --> 00:08:37,630
だから、すべてが犬の括弧2へのインデックスであり、あなたはすべてを取得します。

125
00:08:37,710 --> 00:08:39,660
それは文字列のように重要です。

126
00:08:39,840 --> 00:08:46,230
var nameがrestiと等しい文字列を定義することができ、hotlinkという名前を付けます。

127
00:08:46,770 --> 00:08:54,000
5文字あるので5を得るが、Yのインデックスは4の名前のインデックスである。

128
00:08:54,180 --> 00:08:55,410
理由を教えてください。

129
00:08:55,410 --> 00:08:58,700
インデックスはゼロから始まるためです。

130
00:08:58,710 --> 00:08:59,840
それでレースのためのものだよ。

131
00:08:59,850 --> 00:09:02,780
次のビデオでは、すぐに問題を設定します。