1
00:00:00,410 --> 00:00:01,880
좋아, 우리 다시 올게.

2
00:00:02,100 --> 00:00:08,200
그래서이 비디오에서 어레이라고하는 첫 번째 주요 데이터 구조에 대해 논의 할 것입니다.

3
00:00:09,060 --> 00:00:10,520
여기에는 몇 가지 목표가 있습니다.

4
00:00:10,710 --> 00:00:15,340
첫 번째는 배열이 무엇인지 왜 우리가 왜 사용하는지 이해하기를 원합니다.

5
00:00:15,810 --> 00:00:18,210
두 번째로 우리 코드에서 사용하고 싶습니다.

6
00:00:18,540 --> 00:00:22,840
먼저 배열의 요점을 개념적으로 이야기 해 보겠습니다.

7
00:00:23,130 --> 00:00:25,930
제가 친구 그룹을 모델로하고 싶다고 가정 해 봅시다.

8
00:00:26,130 --> 00:00:32,380
그래서 모든 친구는 Charlie, Liz David, Mathias와 같은 이름의 문자열입니다.

9
00:00:32,640 --> 00:00:35,130
그래서 나는 친구 변수를 만들 수 있었다.

10
00:00:35,160 --> 00:00:42,880
각각 하나는 별도의 변수이고, 다른 하나를 추가하려면 친구 5를 구해야합니다. 다른 이름과 동등합니다.

11
00:00:43,020 --> 00:00:47,700
그러고 나서 법의학을하고 다음 친구에게해야 할 다음 것을 알 필요가 있습니다.

12
00:00:47,880 --> 00:00:50,340
그리고 이것은 몇 가지 이유로 인해 문제가됩니다.

13
00:00:50,340 --> 00:00:53,730
하나는이 코드가 우리가 건조하다고 생각하는 코드가 아니라는 것입니다.

14
00:00:53,730 --> 00:00:56,040
여기에 반복되는 코드가 많이 있습니다.

15
00:00:56,040 --> 00:00:59,150
또한이 친구들은 서로 관련이 없습니다.

16
00:00:59,220 --> 00:01:00,490
그들은 완전히 별개입니다.

17
00:01:00,690 --> 00:01:02,640
그래서 그것은 정말로 친구 그룹이 아닙니다.

18
00:01:02,940 --> 00:01:08,730
따라서 이것은 배열을위한 완벽한 사용 사례입니다. 배열은 그의 그룹 데이터를리스트에 넣을 수 있습니다.

19
00:01:09,060 --> 00:01:17,840
그래서 4 개의 개별 변수를 가지기보다는 하나의 변수를 쓸 수 있고 그 안에 변수 네 가지를 저장할 수 있습니다.

20
00:01:17,880 --> 00:01:21,260
이제 배열이 어떻게 작동하는지 자세히 살펴 보겠습니다.

21
00:01:21,420 --> 00:01:23,340
여기에 동일한 예제 코드가 있습니다.

22
00:01:23,490 --> 00:01:26,940
Var 친구는 동등하고 대괄호를 사용합니다.

23
00:01:26,970 --> 00:01:30,080
이것이 javascript에게 배열임을 알려줍니다.

24
00:01:30,120 --> 00:01:40,610
여기까지 우리는 단지 일반적인 자바 스크립트 변수를 다루고 있습니다. 오른쪽에서 우리는 문자열이나 숫자 또는 부울을 가질 수 있습니다.

25
00:01:40,800 --> 00:01:42,850
그러나 대신에 배열이 있습니다.

26
00:01:43,260 --> 00:01:45,520
따라서 대괄호는 배열을 나타냅니다.

27
00:01:45,540 --> 00:01:48,960
열린 브래킷 닫힌 브래킷을 볼 수 있습니다.

28
00:01:49,140 --> 00:01:53,070
그리고 내부에는 배열을 선언하는 데이터 목록이 있습니다.

29
00:01:53,310 --> 00:01:55,230
쉼표로 구분 된 목록입니다.

30
00:01:55,320 --> 00:01:59,760
그래서 우리는 Charlie comma Liz comma David comma와 같은 우리의 가치를 가지고 있습니다.

31
00:01:59,790 --> 00:02:00,780
마티스.

32
00:02:00,780 --> 00:02:03,920
그리고 그 결과 네 가지 항목이 나옵니다.

33
00:02:03,930 --> 00:02:15,750
배열에 관한 두 번째 중요한 정보는 0에서 시작하는 모든 문자에 해당하는 특정 숫자가있는 문자열의 문자와 마찬가지로 색인이 생성된다는 것입니다.

34
00:02:16,020 --> 00:02:18,660
배열은 또한 0부터 시작하여 인덱싱됩니다.

35
00:02:18,900 --> 00:02:22,270
따라서이 배열의 모든 슬롯에는 해당 번호가 있습니다.

36
00:02:22,410 --> 00:02:29,240
이 네 개의 이름으로 배열을 만들면 다음은 배열이 메모리에서 어떻게 생성되는지 나타내는 다이어그램입니다.

37
00:02:29,310 --> 00:02:39,340
그래서 우리는 찰리가 0이라는 숫자를 가지고 있습니다. 인덱스는 3 개의 데이비드를 가진 2 개의 마티아스와 함께 있습니다.

38
00:02:39,600 --> 00:02:44,520
배열 인덱스를 항상 사용하여 배열에서 데이터를 가져옵니다.

39
00:02:44,550 --> 00:02:46,770
그래서 여기에서는 똑같은 배열을 초기화하려고합니다.

40
00:02:46,970 --> 00:02:54,290
그리고 배열에서 Charlie를 가져 오려면 Charlee에 해당하는 색인을 알아야합니다.

41
00:02:54,810 --> 00:02:56,820
그리고 내가하는 모든 일은 친구를 사귀는 것입니다.

42
00:02:57,030 --> 00:02:59,450
변수 이름 괄호는 0입니다.

43
00:02:59,580 --> 00:03:03,300
내가 첫 번째 캐릭터를 다시 원한다면 우리가 문자열에 대한 것처럼.

44
00:03:03,340 --> 00:03:09,940
유일한 차이점은 우리가 일련의 문자열을 다루는 문자 스트링을 다루지 않는다는 것입니다.

45
00:03:10,530 --> 00:03:13,930
그래서 친구 0이 Chartley를 나에게 줄거야.

46
00:03:14,190 --> 00:03:23,980
마찬가지로 내가 친구를 사귀면 인생에 플러스의 마음을 더한 친구 2 명이 나에게 데이빗을 주면 우리는 리즈 하트 (Liz Hart)로 끝납니다.

47
00:03:24,060 --> 00:03:30,370
David는 인덱스를 사용하여 배열 값을 업데이트 할 수도 있습니다.

48
00:03:30,630 --> 00:03:43,300
그래서 Charlie가 그의 이름을 Chuck으로 바꾸고 싶다면 Index zero friends가 0 인 배열에서 Charlie를 찾아서 다른 문자열 Chuck과 동일하게 설정해야합니다.

49
00:03:43,320 --> 00:03:47,460
그래서 우리 배열은 척 (Chuck)이 인덱스 0에있는 것처럼 보입니다.

50
00:03:47,460 --> 00:03:48,990
리즈와 같은거야.

51
00:03:49,020 --> 00:03:59,370
그녀는 그녀의 이름을 Lizzie로 바꿉니다. 우리는 Liz에 대한 올바른 색인을 찾습니다. Lizzie는 우리가 여기서 볼 수있는 것처럼 Lizzie와 같은 친구입니다.

52
00:03:59,370 --> 00:04:05,090
이제 1시에 Lizzy에서 척과 같이 생겼습니다.

53
00:04:05,520 --> 00:04:10,280
배열의 다음 기능은 기존 배열에 데이터를 추가 할 수 있다는 것입니다.

54
00:04:10,290 --> 00:04:20,430
그래서 멋진 친구가 생기면 새로운 친구들을 사귈 수 있습니다. 친구들에게 접근해서 아직 존재하지 않는 인덱스를 넣어야합니다.

55
00:04:20,430 --> 00:04:37,410
그래서이 경우에는 제가 가족과 동등하게 친구를 사귀면 나는 여기서 색인을 얻게 될 것입니다. 왜냐하면 나는 죄책감에 대한 빠른 시위를 보여주지 않을 것입니다. 배열을 사용하여 색상을 모델링 할 것입니다.

56
00:04:37,440 --> 00:04:53,030
저는 var colors equals의 배열을 정의 할 것이고, 붉은 오렌지색과 노랑색을 시작하기위한 문자열로 몇 가지 색상을 넣을 것이고 Enter를 칠 것입니다.

57
00:04:53,070 --> 00:04:55,480
이제 색상 배열을 정의했습니다.

58
00:04:55,670 --> 00:05:14,910
색상에 액세스하는 경우 3 개의 항목이 있고 오렌지를 인쇄하려면 패킷 1에 대한 색상을 지정합니다. 색인을 1 개 갖고 있기 때문에 노란색을 추가 한 후 다른 요소를 추가하려는 경우 주황색이됩니다. 녹색으로.

59
00:05:14,910 --> 00:05:17,880
나는 0 1 2를 셀 필요가있다.

60
00:05:18,090 --> 00:05:20,410
따라서 3의 인덱스가 다음 인덱스입니다.

61
00:05:20,460 --> 00:05:25,240
인덱스 3 색 3은 녹색과 같습니다.

62
00:05:25,540 --> 00:05:30,390
그리고 지금 우리가 색깔을 보았을 때 나는 붉은 오렌지색 황록색을 얻었습니다.

63
00:05:30,420 --> 00:05:33,930
녹색을 짙은 녹색으로 변경하고 싶다고 가정 해 봅시다.

64
00:05:34,530 --> 00:05:36,120
먼저 액세스해야합니다.

65
00:05:36,180 --> 00:05:37,640
그래서 색상 3.

66
00:05:37,710 --> 00:05:40,270
녹색인지 확인하십시오.

67
00:05:40,350 --> 00:05:47,490
이제는 3 가지 색상을 진한 녹색으로 바꿀 것입니다.

68
00:05:47,490 --> 00:05:57,300
10의 색깔 같이 무언가를하는 경우에 1 개의 빠른 주는 바이올렛과 동등하고 나는 명중을 명중한다.

69
00:05:57,740 --> 00:05:59,450
색상이 어떻게 생겼는지 살펴 보겠습니다.

70
00:05:59,450 --> 00:06:06,280
이제 빨간색 주황색 짙은 녹색을 얻은 다음 알 수 없음을 알 수 있습니다.

71
00:06:06,290 --> 00:06:08,060
시간 6.

72
00:06:08,070 --> 00:06:18,030
여기서 일어난 일은 내가 바이올렛에 10의 지수를 추가했기 때문에 3의 지수와 10의 지수 사이에 빈 공간이 많이 남았습니다.

73
00:06:18,060 --> 00:06:22,000
그래서 자바 스크립트는 빈 공간을 만들고 일부는 정의되지 않은 채 웁니다.

74
00:06:22,290 --> 00:06:25,680
따라서이 배열에는 이상적인 공간이 없습니다.

75
00:06:25,680 --> 00:06:33,690
그래서 다음 비디오에서는 주어진 시간에 배열에 얼마나 많은 항목이 있는지 추적 할 필요가없는 곳에 데이터를 추가하는 또 다른 방법을 보여 드리겠습니다.

76
00:06:33,690 --> 00:06:36,030
배열에 관한 몇 가지 다른 정보가 있습니다.

77
00:06:36,030 --> 00:06:40,130
첫 번째는 배열을 정의하는 다양한 방법이 있다는 것입니다.

78
00:06:40,170 --> 00:06:44,460
첫 번째 방법은 대괄호를 사용하여 빈 배열을 정의하는 것입니다.

79
00:06:44,760 --> 00:06:48,960
이 경우 친구의 배열을 정의했지만 불행히도 친구가 없습니다.

80
00:06:49,140 --> 00:06:51,200
그래서 그것은 단지 빈 대괄호입니다.

81
00:06:51,360 --> 00:06:59,560
배열을 정의하는 또 다른 방법은 대문자 A와 괄호 뒤에 배열을 쓰는 것입니다.

82
00:06:59,610 --> 00:07:05,130
그래서 나는 이것이 무엇인지에 관해서 너무 자세하게 설명하지는 않을 것입니다. 그러나 이것을 하나의 함수로 생각하십시오.

83
00:07:05,130 --> 00:07:06,020
그것은 함수입니다.

84
00:07:06,070 --> 00:07:07,570
우리는 그것을 괄호로 부르고 있습니다.

85
00:07:07,650 --> 00:07:10,520
이것은 마치 우리에게 새로운 배열을 만듭니다.

86
00:07:10,650 --> 00:07:12,840
따라서 두 경우 모두 같습니다.

87
00:07:12,840 --> 00:07:15,760
우리는 비어있는 친구의 배열을 가지고 있습니다.

88
00:07:15,900 --> 00:07:19,370
다음 요점은 배열이 모든 유형의 데이터를 보유 할 수 있다는 것입니다.

89
00:07:19,560 --> 00:07:32,130
그래서 여러분은 찰리와 리즈 같은 문자열로 지금까지 만 보았습니다. 그러나 우리는 조금 나중에 볼 수있는 다른 배열을 가진 문자열로 정의되지 않은 불린으로 숫자를 채울 수 있습니다.

90
00:07:32,340 --> 00:07:34,340
따라서 모든 종류의 데이터로 배열을 채울 수 있습니다.

91
00:07:34,590 --> 00:07:36,820
그리고 그들은 모두 하나의 유형 이어야만하는 것은 아닙니다.

92
00:07:36,840 --> 00:07:43,170
그래서 여기에 하나의 배열에 여러 개의 boolean 문자열과 모든 문자열이없는 예제가 있습니다.

93
00:07:43,230 --> 00:07:48,640
마지막으로 지적 하겠지만, 배열은 문자열처럼 길이 속성을 가지고 있습니다.

94
00:07:48,960 --> 00:07:54,960
이 예제에서는 네 개의 항목으로 된 배열을 정의하고 있는데 놀랍지는 않습니다.

95
00:07:55,050 --> 00:07:56,430
그것은 나에게 4를 준다.

96
00:07:56,850 --> 00:07:59,490
계속해서 영사를 열어 보여 드리겠습니다.

97
00:07:59,790 --> 00:08:04,400
개와 개라고 불리는 새로운 배열을 정의합시다.

98
00:08:04,500 --> 00:08:07,370
나는 문자열을 정의 할 것이다.

99
00:08:07,510 --> 00:08:16,460
Rusty Wyatt와 Ali가 그렇게 좋아.

100
00:08:16,740 --> 00:08:24,040
Dogstar를 길게 달리는다면 길이가 중요하기 때문에 3을 얻습니다.

101
00:08:24,060 --> 00:08:25,480
얼마나 많은 것들이 거기에 있습니다.

102
00:08:25,770 --> 00:08:31,140
그러나이 배열에서 가장 높은 인덱스는 항상 길이보다 하나 작습니다.

103
00:08:31,200 --> 00:08:37,630
그래서 모든 것은 개 괄호 2에 색인이고 당신은 모든 것을 얻습니다.

104
00:08:37,710 --> 00:08:39,660
따라서 문자열과 마찬가지로 중요합니다.

105
00:08:39,840 --> 00:08:46,230
우리는 문자열 이름을 정의 할 수 있습니다 var 이름은 resti와 같고 우리는 hotlink라는 이름을 사용합니다.

106
00:08:46,770 --> 00:08:54,000
다섯 문자가 있기 때문에 5를 얻지 만 Y의 색인은 4의 이름에 대한 색인입니다.

107
00:08:54,180 --> 00:08:55,410
나에게 이유를 알려준다.

108
00:08:55,410 --> 00:08:58,700
인덱스는 0에서 시작하기 때문에.

109
00:08:58,710 --> 00:08:59,840
좋아, 그렇게되면 경주를위한거야.

110
00:08:59,850 --> 00:09:02,780
이제 다음 비디오에서 우리는 빠른 문제 세트를 갖게 될 것입니다.