1 00:00:00,780 --> 00:00:01,860 다시 오신 것을 환영합니다. 2 00:00:01,860 --> 00:00:09,250 그래서 지난 몇 편의 비디오에서 우리는 다음 몇 가지 비디오에서 우리가 얘기 한 첫 번째 데이터 구조 인 자바 스크립트 배열에 대해 이야기했습니다. 3 00:00:09,270 --> 00:00:12,660 우리는 객체라는 nother 데이터 구조를 도입 할 것입니다. 4 00:00:13,140 --> 00:00:16,070 따라서 배열과 마찬가지로 두 가지 주요 목표가 있습니다. 5 00:00:16,080 --> 00:00:20,070 먼저 우리가 어떤 물체를 사용하는지 이해하고 싶습니다. 6 00:00:20,100 --> 00:00:21,900 그들은 배열과 어떻게 비교합니까? 7 00:00:21,900 --> 00:00:26,350 두 번째 목적은 자바 스크립트 객체를 사용하여 코드를 작성하는 방법입니다. 8 00:00:26,790 --> 00:00:29,370 계속해서 시작하십시오. 9 00:00:29,400 --> 00:00:31,470 그래서 여기에 가설적인 상황이 있습니다. 10 00:00:31,470 --> 00:00:35,730 내가 자바 스크립트에서 한 사람을 모델링하고 싶다고 가정 해보자. 11 00:00:35,760 --> 00:00:38,850 각 사람마다 이름과 나이, 도시가 있습니다. 12 00:00:38,850 --> 00:00:46,580 그래서 제가 할 수있는 많은 방법이 있습니다. 나이와 도시라는 세 가지 변수가있을 수 있지만 서로 관련이 없습니다. 13 00:00:46,590 --> 00:00:47,780 그들은 완전히 별개입니다. 14 00:00:47,970 --> 00:00:57,510 그래서 내가 그들을 연결하기를 원한다면 나는 여기서하고있는 것처럼 배열을 사용할 수 있습니다. var person은 첫 번째 항목이 Cindy라는 이름의 배열과 같습니다. 15 00:00:57,600 --> 00:01:03,780 두 번째 항목은 32 세이며 마지막 항목은 Missoula 또는 도시입니다. 16 00:01:03,780 --> 00:01:08,510 이 데이터는 실제로 목록이 아니기 때문에 실제로 배열을 잘 사용하지는 않습니다. 17 00:01:08,760 --> 00:01:16,440 예, 우리는 그것을 배열로 강제 할 수는 있지만, 논리적 인 순서가 자주있는 목록을 가지고있는 배열의 형식에는 적합하지 않습니다. 18 00:01:16,530 --> 00:01:20,770 이 배열에서 도시에 액세스하려면 여기에 논리적 순서가 정말로 없습니다. 19 00:01:21,000 --> 00:01:23,970 나는 사람 괄호도 쓸 필요가있다. 20 00:01:24,270 --> 00:01:28,360 그리고 그것은 내가 도시가 너무 색인되어 있다는 것을 아는 것을 요구한다. 21 00:01:28,500 --> 00:01:36,530 그래서 우연히 순서를 뒤집어서 Traviss에 이름 앞 인덱스 0을 넣었지만이 두 가지를 섞습니다. 22 00:01:36,540 --> 00:01:41,300 그래서 나는 인덱스 1시에 인덱스 2에 나이를 가지고있었습니다. 23 00:01:41,520 --> 00:01:48,060 그런 다음 브래킷 2에있는 사람에게 액세스하려고 시도하면 도시 대신 연령이 부여됩니다. 24 00:01:48,060 --> 00:01:53,370 따라서 배열이 모든 상황에 대한 완벽한 솔루션이 아니라는 것을 보여주는 것입니다. 25 00:01:53,370 --> 00:01:58,040 우리가 자바 스크립트 객체 인 여기서는 훨씬 더 나은 데이터 구조가 있습니다. 26 00:01:58,110 --> 00:02:05,630 여기에 나이와 도시 이름을 가진 person 배열을 어떻게 가져 와서 자바 스크립트 객체로 변환 할 것인지에 대한 예제를 볼 수 있습니다. 27 00:02:05,790 --> 00:02:10,820 우선 알아야 할 것은 배열에 대괄호 대신 중괄호를 사용한다는 것입니다. 28 00:02:10,890 --> 00:02:15,470 다음 중요한 부분은이 객체의 모든 항목이 키 값 쌍이라는 것입니다. 29 00:02:15,750 --> 00:02:21,050 그래서 우리는 콜란 값의 성질을 가지고 있습니다. 30 00:02:21,180 --> 00:02:25,500 나이는 32 도시는 미 줄라입니다. 31 00:02:25,500 --> 00:02:27,360 이 슬라이드는 똑같은 것을 보여줍니다. 32 00:02:27,450 --> 00:02:43,020 우리는 다른 사람 object var person이 중괄호와 동등하며 Travis age가 L.A가되기 위해 Travis age가되도록 설정했습니다.이 아래에는이 데이터 구조가 어떻게 생겼는지에 대한 간단한 다이어그램이 있습니다. 33 00:02:43,020 --> 00:02:53,690 이 객체에는 3 개의 다른 슬롯이 있습니다. 첫 번째 항목과 두 번째 항목 및 세 번째 항목이있는 배열과 달리 객체에는 순서가 내장되어 있지 않습니다. 34 00:02:53,700 --> 00:02:59,040 순서가없는 경우에는 주어진 객체 대신 항목을 안쪽으로 떠있는 것으로 생각하십시오. 35 00:02:59,040 --> 00:03:05,600 어떤 속성도 1 순위 또는 2 순위에 오지 않습니다. 어떻게 선언했는지 상관없이 모두 동일한 순서로 처리해야합니다. 36 00:03:05,610 --> 00:03:10,180 그래서이 도표는 그것들을 순서대로 보여줍니다. 그러나 그것은 단지 제가 명령을 선택해야만했기 때문입니다. 37 00:03:10,680 --> 00:03:14,620 그러면 트래비스가 키 이름으로 저장되는 것을 볼 수 있습니다. 38 00:03:14,850 --> 00:03:17,220 21은 주요 시대 아래에 저장됩니다. 39 00:03:17,370 --> 00:03:23,190 그리고 L.A.는 주요 도시 아래에 저장되어 개체에서 데이터를 검색합니다. 40 00:03:23,190 --> 00:03:24,970 우리에게는 두 가지 선택이 있습니다. 41 00:03:25,200 --> 00:03:31,800 우리는 물체 사람 대괄호의 이름과 키 이름을 사용할 수 있습니다. 42 00:03:32,130 --> 00:03:35,820 그래서이 경우 나는 트래비스를 사람의 물건에서 꺼낼거야. 43 00:03:35,820 --> 00:03:39,610 그래서 저는 올바른 사람 대괄호 이름을 따옴표로 묶었습니다. 44 00:03:39,630 --> 00:03:41,620 이것은 배열과 매우 유사합니다. 45 00:03:41,670 --> 00:03:43,920 유일한 차이점은 이것이 숫자가 아니라는 것입니다. 46 00:03:43,950 --> 00:03:45,890 이것은 문자열입니다. 47 00:03:45,930 --> 00:03:51,140 다른 옵션은 점 표기법을 사용하는 것입니다. 점 표기법은 조금 더 짧고 간단합니다. 48 00:03:51,150 --> 00:03:59,610 Right Person 도트 이름과 이름이 분명히 키의 이름과 일치해야하며 트래비스에게도 알려줍니다. 49 00:03:59,880 --> 00:04:02,320 내가 가서 그걸 증명할거야. 50 00:04:02,340 --> 00:04:10,640 나는 개라고 불리는 새로운 물건을 만들려고합니다. 그리고 개는 언제나처럼 속성 이름을 가질 것입니다. 51 00:04:10,740 --> 00:04:14,390 러스티 그는 가장 좋은 개와 절반 품종입니다. 52 00:04:14,760 --> 00:04:22,140 그는 중산층이고 나이는 3 살입니다. 53 00:04:22,590 --> 00:04:24,720 그래서 저에게 저의 사냥개를줍니다. 54 00:04:24,840 --> 00:04:28,350 그리고 우리가 콘솔에서 볼 때 그것이 객체라는 것을 알 수 있습니다. 55 00:04:28,350 --> 00:04:32,180 너의 이름은 진흙 시대처럼 변했다. 56 00:04:32,190 --> 00:04:47,970 그래서 내가 개 개체에서 자신의 나이에 접근하고 싶다면 나는 첫 번째 손상되지 않은 개를 할 수 있습니다. 그리고 나면 그들은 세 살이됩니다. 또는 나는 개가 도트 나이를 할 수 있고 나는 또한 세 마리를 얻습니다. 57 00:04:48,120 --> 00:04:50,190 둘 중 하나를 사용하는 것은 당신에게 달려 있습니다. 58 00:04:50,190 --> 00:04:53,100 나는 개가 더 짧기 때문에 강아지 개 나이를 선호한다. 59 00:04:53,100 --> 00:04:54,380 따옴표는 사용할 필요가 없습니다. 60 00:04:54,390 --> 00:04:56,570 양쪽에 이중 브래킷이 필요하지 않습니다. 61 00:04:56,700 --> 00:04:57,880 너는 단지 그것을 필요로한다. 62 00:04:58,350 --> 00:05:01,100 그러나이 슬라이드에는 몇 가지 차이점이 있습니다. 63 00:05:01,110 --> 00:05:03,750 나는 세 가지 주요 차이점을 설명한다. 64 00:05:04,140 --> 00:05:08,850 그래서 속성이 숫자로 시작한다면 점 표기법을 사용할 수 없습니다. 65 00:05:08,850 --> 00:05:14,580 그래서 당신은 여기 DOT에서 어떤 물건이 유효하지 않다는 것을 알 수 있습니다. 66 00:05:15,090 --> 00:05:23,040 하지만 만약 내가 한 대변이라고 부르는 속성이 있다면 나는 대괄호를 사용하고 따옴표로 묶어야합니다. 그것은 자바 스크립트로 설정 한 것입니다. 67 00:05:23,040 --> 00:05:31,450 여기서 세 번째 예제로 넘어가겠습니다. 여러분의 속성 이름에 공백과 같은 공백이 있으면 점 표기법을 사용할 수 없다는 것입니다. 68 00:05:31,500 --> 00:05:33,240 분명히 이것은 작동하지 않습니다. 69 00:05:33,240 --> 00:05:42,600 Javascript는 우리가 dot fav에 접근하고 있다고 생각합니다. 그렇다면 어쨌든 실제로 좋은 연습이 아닌 공간을 가진 속성을 원한다면 우리가 따옴표를 사용해야 할 것입니다. 70 00:05:42,620 --> 00:05:43,130 Fav. 71 00:05:43,170 --> 00:05:46,150 대괄호 표기법을 사용하는 공간 색상입니다. 72 00:05:46,890 --> 00:05:51,370 그리고 중간 예제는 변수를 사용하여 사물을 찾을 수 있음을 보여줍니다. 73 00:05:51,420 --> 00:05:53,160 대괄호 표기법을 사용하는 경우. 74 00:05:53,370 --> 00:06:14,970 그래서 여기에 string 또는 TR이라고하는 변수가 있다면 TR로 어떤 객체를 시도하면 따옴표로 된 이름과 같습니다 TR로 속성을 찾습니다하지만 TR로 객체 대괄호를 사용하면 우리에게 따옴표로 된 이름을주는 TR로 평가하십시오. 75 00:06:14,970 --> 00:06:19,560 그래서 이것은 어떤 객체에서 name 프라퍼티를 찾을 것입니다. 76 00:06:19,560 --> 00:06:22,290 그래서 이것은 우리가 때때로 볼 수있는 것입니다. 77 00:06:22,320 --> 00:06:24,040 차이점을 알면 가치가 있습니다. 78 00:06:24,060 --> 00:06:29,700 변수 이름을 사용하여 대괄호 표기법을 사용하여 속성을 조회 할 수 있습니다. 79 00:06:29,820 --> 00:06:34,140 다음으로해야 할 일은 객체 내부의 데이터를 업데이트 할 수 있다는 것입니다. 80 00:06:34,410 --> 00:06:40,190 따라서 우리는 데이터에 액세스 한 다음 등호로 다시 할당하는 배열과 매우 유사합니다. 81 00:06:40,470 --> 00:06:51,230 그래서 여기에서 우리는 Travis 시대가 L.A 인 21 살인 것과 같은 인물이라는 것을 볼 수 있습니다. Traviss 시대에 하나를 추가하고 싶다면 그것은 그의 생일입니다. 82 00:06:51,450 --> 00:06:54,160 내가해야 할 일은 사람 나이에 접근하는 것뿐입니다. 83 00:06:54,570 --> 00:06:58,430 대괄호 나 점 표기법을 사용하고 다시 할당 할 수 있습니다. 84 00:06:58,560 --> 00:07:01,170 그래서 사람 나이 플러스는 1입니다. 85 00:07:01,710 --> 00:07:09,500 그래서 그것은 나이가 지금 22 인 한 사람을 추가 할 것입니다. 또는 나는 사람을 도트 도시로 사용하고 런던으로 다시 지정할 수 있습니다. 86 00:07:09,660 --> 00:07:15,490 그래서 도시 위 사람이 런던과 같아 런던의 도시를 갖게됩니다. 87 00:07:15,510 --> 00:07:16,990 그래서 그것을 증명하는 것입니다. 88 00:07:17,280 --> 00:07:22,200 Rusty breeders mutt라는 이름의 개 개체로 돌아가 봅시다. 89 00:07:22,230 --> 00:07:23,850 나이는 세입니다. 90 00:07:23,880 --> 00:07:28,050 Rusty는 방금 생일을 맞았습니다. 그래서 나는 그의 나이 개를 바꿀 것입니다. 91 00:07:28,080 --> 00:07:36,260 나이는 같고 나는 이것을 네 개 만들 수 있습니다. 네 개는 무엇이든 상관없이 네 개가되고 개를 볼 수 있습니다. 92 00:07:36,930 --> 00:07:39,070 아니면 개를 할 수 있어요. 93 00:07:39,150 --> 00:07:45,940 연령 플러스는 기존 연령에 1을 더하고 5를줍니다. 94 00:07:45,990 --> 00:07:49,180 또한 대괄호 표기법을 사용하여이를 설명합니다. 95 00:07:49,230 --> 00:07:53,110 Rusty의 이름을 Tater라는 별명으로 변경하고 싶다고합시다. 96 00:07:53,450 --> 00:08:02,730 나는 개가 대괄호 이름을 써서 그냥 resti를 주면 Tator가되도록 재 지정합니다. 97 00:08:03,120 --> 00:08:10,200 그리고 개를 보면 5 세 때 Tator가 풀려났습니다. 98 00:08:10,320 --> 00:08:19,540 인종을 보았을 때처럼 객체를 초기화하는 몇 가지 다른 방법이 있으므로 먼저 빈 객체를 만들 수 있습니다. 99 00:08:19,740 --> 00:08:24,560 Var 사람은 빈 중괄호와 같고 사실 다음에 데이터를 추가 할 수 있습니다. 100 00:08:24,600 --> 00:08:26,240 한 번에 하나씩. 101 00:08:26,360 --> 00:08:37,040 사람 이름은 도시가 L.A. 인 21 세인 트래비스 (Travis) 사람입니다. 지금까지 우리가 보아 왔던 것이 바로 개체 리터럴 표기법입니다. 102 00:08:37,140 --> 00:08:51,260 지금까지 사람은 똑같은 중괄호 안에 있고 난 그냥 내 재산 이름 인 Travis age call과 21 도시 Colan L.A를 쓰고 자바 스크립트에서 나중에 많이 볼 때까지 자주 보지 않을 마지막 방법을 사용합니다. 103 00:08:51,330 --> 00:08:59,740 그는 새로운 객체를 우리가 새로운 객체로 만들고 그것을 빈 객체로 돌려 줄 새로운 배열과 같은 함수 인 새로운 객체를 사용할 수 있다고 말했다. 104 00:08:59,880 --> 00:09:03,570 그리고 나서는 사람이 아닌 사람 이름 사람을 사람 도시에 추가 할 수 있습니다. 105 00:09:03,810 --> 00:09:08,940 따라서 지금은이 구문과 구문을 훨씬 더 자주 볼 수 있습니다. 106 00:09:08,940 --> 00:09:14,330 객체에 관해서 또 다른 점은 어레이와 마찬가지로 모든 종류의 데이터를 보유 할 수 있다는 것입니다. 107 00:09:14,610 --> 00:09:21,410 따라서 우리의 데이터는 숫자 나 문자열 또는 부울이 될 수 있습니다. 108 00:09:21,630 --> 00:09:24,460 배열과 마찬가지로 우리는 원하는만큼 혼합하고 매치 할 수 있습니다.