다시 오신 것을 환영합니다.
그래서 지난 몇 편의 비디오에서 우리는 다음 몇 가지 비디오에서 우리가 얘기 한 첫 번째 데이터 구조 인 자바 스크립트 배열에 대해 이야기했습니다.
우리는 객체라는 nother 데이터 구조를 도입 할 것입니다.
따라서 배열과 마찬가지로 두 가지 주요 목표가 있습니다.
먼저 우리가 어떤 물체를 사용하는지 이해하고 싶습니다.
그들은 배열과 어떻게 비교합니까?
두 번째 목적은 자바 스크립트 객체를 사용하여 코드를 작성하는 방법입니다.
계속해서 시작하십시오.
그래서 여기에 가설적인 상황이 있습니다.
내가 자바 스크립트에서 한 사람을 모델링하고 싶다고 가정 해보자.
각 사람마다 이름과 나이, 도시가 있습니다.
그래서 제가 할 수있는 많은 방법이 있습니다. 나이와 도시라는 세 가지 변수가있을 수 있지만 서로 관련이 없습니다.
그들은 완전히 별개입니다.
그래서 내가 그들을 연결하기를 원한다면 나는 여기서하고있는 것처럼 배열을 사용할 수 있습니다. var person은 첫 번째 항목이 Cindy라는 이름의 배열과 같습니다.
두 번째 항목은 32 세이며 마지막 항목은 Missoula 또는 도시입니다.
이 데이터는 실제로 목록이 아니기 때문에 실제로 배열을 잘 사용하지는 않습니다.
예, 우리는 그것을 배열로 강제 할 수는 있지만, 논리적 인 순서가 자주있는 목록을 가지고있는 배열의 형식에는 적합하지 않습니다.
이 배열에서 도시에 액세스하려면 여기에 논리적 순서가 정말로 없습니다.
나는 사람 괄호도 쓸 필요가있다.
그리고 그것은 내가 도시가 너무 색인되어 있다는 것을 아는 것을 요구한다.
그래서 우연히 순서를 뒤집어서 Traviss에 이름 앞 인덱스 0을 넣었지만이 두 가지를 섞습니다.
그래서 나는 인덱스 1시에 인덱스 2에 나이를 가지고있었습니다.
그런 다음 브래킷 2에있는 사람에게 액세스하려고 시도하면 도시 대신 연령이 부여됩니다.
따라서 배열이 모든 상황에 대한 완벽한 솔루션이 아니라는 것을 보여주는 것입니다.
우리가 자바 스크립트 객체 인 여기서는 훨씬 더 나은 데이터 구조가 있습니다.
여기에 나이와 도시 이름을 가진 person 배열을 어떻게 가져 와서 자바 스크립트 객체로 변환 할 것인지에 대한 예제를 볼 수 있습니다.
우선 알아야 할 것은 배열에 대괄호 대신 중괄호를 사용한다는 것입니다.
다음 중요한 부분은이 객체의 모든 항목이 키 값 쌍이라는 것입니다.
그래서 우리는 콜란 값의 성질을 가지고 있습니다.
나이는 32 도시는 미 줄라입니다.
이 슬라이드는 똑같은 것을 보여줍니다.
우리는 다른 사람 object var person이 중괄호와 동등하며 Travis age가 L.A가되기 위해 Travis age가되도록 설정했습니다.이 아래에는이 데이터 구조가 어떻게 생겼는지에 대한 간단한 다이어그램이 있습니다.
이 객체에는 3 개의 다른 슬롯이 있습니다. 첫 번째 항목과 두 번째 항목 및 세 번째 항목이있는 배열과 달리 객체에는 순서가 내장되어 있지 않습니다.
순서가없는 경우에는 주어진 객체 대신 항목을 안쪽으로 떠있는 것으로 생각하십시오.
어떤 속성도 1 순위 또는 2 순위에 오지 않습니다. 어떻게 선언했는지 상관없이 모두 동일한 순서로 처리해야합니다.
그래서이 도표는 그것들을 순서대로 보여줍니다. 그러나 그것은 단지 제가 명령을 선택해야만했기 때문입니다.
그러면 트래비스가 키 이름으로 저장되는 것을 볼 수 있습니다.
21은 주요 시대 아래에 저장됩니다.
그리고 L.A.는 주요 도시 아래에 저장되어 개체에서 데이터를 검색합니다.
우리에게는 두 가지 선택이 있습니다.
우리는 물체 사람 대괄호의 이름과 키 이름을 사용할 수 있습니다.
그래서이 경우 나는 트래비스를 사람의 물건에서 꺼낼거야.
그래서 저는 올바른 사람 대괄호 이름을 따옴표로 묶었습니다.
이것은 배열과 매우 유사합니다.
유일한 차이점은 이것이 숫자가 아니라는 것입니다.
이것은 문자열입니다.
다른 옵션은 점 표기법을 사용하는 것입니다. 점 표기법은 조금 더 짧고 간단합니다.
Right Person 도트 이름과 이름이 분명히 키의 이름과 일치해야하며 트래비스에게도 알려줍니다.
내가 가서 그걸 증명할거야.
나는 개라고 불리는 새로운 물건을 만들려고합니다. 그리고 개는 언제나처럼 속성 이름을 가질 것입니다.
러스티 그는 가장 좋은 개와 절반 품종입니다.
그는 중산층이고 나이는 3 살입니다.
그래서 저에게 저의 사냥개를줍니다.
그리고 우리가 콘솔에서 볼 때 그것이 객체라는 것을 알 수 있습니다.
너의 이름은 진흙 시대처럼 변했다.
그래서 내가 개 개체에서 자신의 나이에 접근하고 싶다면 나는 첫 번째 손상되지 않은 개를 할 수 있습니다. 그리고 나면 그들은 세 살이됩니다. 또는 나는 개가 도트 나이를 할 수 있고 나는 또한 세 마리를 얻습니다.
둘 중 하나를 사용하는 것은 당신에게 달려 있습니다.
나는 개가 더 짧기 때문에 강아지 개 나이를 선호한다.
따옴표는 사용할 필요가 없습니다.
양쪽에 이중 브래킷이 필요하지 않습니다.
너는 단지 그것을 필요로한다.
그러나이 슬라이드에는 몇 가지 차이점이 있습니다.
나는 세 가지 주요 차이점을 설명한다.
그래서 속성이 숫자로 시작한다면 점 표기법을 사용할 수 없습니다.
그래서 당신은 여기 DOT에서 어떤 물건이 유효하지 않다는 것을 알 수 있습니다.
하지만 만약 내가 한 대변이라고 부르는 속성이 있다면 나는 대괄호를 사용하고 따옴표로 묶어야합니다. 그것은 자바 스크립트로 설정 한 것입니다.
여기서 세 번째 예제로 넘어가겠습니다. 여러분의 속성 이름에 공백과 같은 공백이 있으면 점 표기법을 사용할 수 없다는 것입니다.
분명히 이것은 작동하지 않습니다.
Javascript는 우리가 dot fav에 접근하고 있다고 생각합니다. 그렇다면 어쨌든 실제로 좋은 연습이 아닌 공간을 가진 속성을 원한다면 우리가 따옴표를 사용해야 할 것입니다.
Fav.
대괄호 표기법을 사용하는 공간 색상입니다.
그리고 중간 예제는 변수를 사용하여 사물을 찾을 수 있음을 보여줍니다.
대괄호 표기법을 사용하는 경우.
그래서 여기에 string 또는 TR이라고하는 변수가 있다면 TR로 어떤 객체를 시도하면 따옴표로 된 이름과 같습니다 TR로 속성을 찾습니다하지만 TR로 객체 대괄호를 사용하면 우리에게 따옴표로 된 이름을주는 TR로 평가하십시오.
그래서 이것은 어떤 객체에서 name 프라퍼티를 찾을 것입니다.
그래서 이것은 우리가 때때로 볼 수있는 것입니다.
차이점을 알면 가치가 있습니다.
변수 이름을 사용하여 대괄호 표기법을 사용하여 속성을 조회 할 수 있습니다.
다음으로해야 할 일은 객체 내부의 데이터를 업데이트 할 수 있다는 것입니다.
따라서 우리는 데이터에 액세스 한 다음 등호로 다시 할당하는 배열과 매우 유사합니다.
그래서 여기에서 우리는 Travis 시대가 L.A 인 21 살인 것과 같은 인물이라는 것을 볼 수 있습니다. Traviss 시대에 하나를 추가하고 싶다면 그것은 그의 생일입니다.
내가해야 할 일은 사람 나이에 접근하는 것뿐입니다.
대괄호 나 점 표기법을 사용하고 다시 할당 할 수 있습니다.
그래서 사람 나이 플러스는 1입니다.
그래서 그것은 나이가 지금 22 인 한 사람을 추가 할 것입니다. 또는 나는 사람을 도트 도시로 사용하고 런던으로 다시 지정할 수 있습니다.
그래서 도시 위 사람이 런던과 같아 런던의 도시를 갖게됩니다.
그래서 그것을 증명하는 것입니다.
Rusty breeders mutt라는 이름의 개 개체로 돌아가 봅시다.
나이는 세입니다.
Rusty는 방금 생일을 맞았습니다. 그래서 나는 그의 나이 개를 바꿀 것입니다.
나이는 같고 나는 이것을 네 개 만들 수 있습니다. 네 개는 무엇이든 상관없이 네 개가되고 개를 볼 수 있습니다.
아니면 개를 할 수 있어요.
연령 플러스는 기존 연령에 1을 더하고 5를줍니다.
또한 대괄호 표기법을 사용하여이를 설명합니다.
Rusty의 이름을 Tater라는 별명으로 변경하고 싶다고합시다.
나는 개가 대괄호 이름을 써서 그냥 resti를 주면 Tator가되도록 재 지정합니다.
그리고 개를 보면 5 세 때 Tator가 풀려났습니다.
인종을 보았을 때처럼 객체를 초기화하는 몇 가지 다른 방법이 있으므로 먼저 빈 객체를 만들 수 있습니다.
Var 사람은 빈 중괄호와 같고 사실 다음에 데이터를 추가 할 수 있습니다.
한 번에 하나씩.
사람 이름은 도시가 L.A. 인 21 세인 트래비스 (Travis) 사람입니다. 지금까지 우리가 보아 왔던 것이 바로 개체 리터럴 표기법입니다.
지금까지 사람은 똑같은 중괄호 안에 있고 난 그냥 내 재산 이름 인 Travis age call과 21 도시 Colan L.A를 쓰고 자바 스크립트에서 나중에 많이 볼 때까지 자주 보지 않을 마지막 방법을 사용합니다.
그는 새로운 객체를 우리가 새로운 객체로 만들고 그것을 빈 객체로 돌려 줄 새로운 배열과 같은 함수 인 새로운 객체를 사용할 수 있다고 말했다.
그리고 나서는 사람이 아닌 사람 이름 사람을 사람 도시에 추가 할 수 있습니다.
따라서 지금은이 구문과 구문을 훨씬 더 자주 볼 수 있습니다.
객체에 관해서 또 다른 점은 어레이와 마찬가지로 모든 종류의 데이터를 보유 할 수 있다는 것입니다.
따라서 우리의 데이터는 숫자 나 문자열 또는 부울이 될 수 있습니다.
배열과 마찬가지로 우리는 원하는만큼 혼합하고 매치 할 수 있습니다.