본 수업에 오신 것을 환영합니다. 본 수업에서 우리는 수조부터 데이터 구조를 토론할 것입니다.

무엇이 수조입니까?

배열은 선형 순서로 배열된 객체 또는 값, 즉 직선입니다.
예를 들면 다음과 같습니다.
로미오는 줄리엣을 사랑하게 되었다.그들은 데이트하러 나갔다.그들은 술 주문을 기다리는 대열에 합류했다.
그들이 만난 일련의 사람들도 일련의 사람들이라고 할 수 있다.
첫 번째로 대열에 합류한 사람이 먼저 떠나면 대열은 하나의 대열로 변한다.줄을 서--먼저 나가라.
마지막으로 팀에 합류한 사람이 먼저 떠나면 팀은 한 무더기가 된다.쌓아올리기-후진 선출.
JavaScript에서 배열은 값이나 객체를 직선처럼 선형 순서로 저장하는 데이터 유형입니다.
수조는 파생 데이터 형식이다. 왜냐하면 기원 데이터 형식이나 대상을 색인과 짝을 지어 만들기 때문이다.
색인은 각 요소의 순서나 위치를 표시합니다.
대괄호 사이의 값 목록으로 쓰여 있으며 다음과 같이 쉼표로 구분됩니다.

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];

이것이 바로 배열 문자를 사용하여 배열을 만드는 방법입니다. 이것은 JavaScript 배열을 만드는 가장 간단한 방법입니다.
어이!잠깐만!
이 사진 봐.

이 사람은 한 무리의 사람이다.너는 그들의 배열 방식이 우리 위의 배열 방식과 같다는 것을 볼 수 있다.
비교해 봅시다.사진 속 첫 번째는 Ayo, 두 번째는 Ope, 세 번째는 Dupe 등이라고 할 수 있다.
하나의 그룹을 식별하려면 순서를 보아야 한다. (첫 번째, 두 번째, 세 번째 등) 보통 여러 개의 요소 ('Ope', 'Ayo', 'Ola')

배열의 색인:

모든 그룹은 0에서 시작하는 인덱스가 있습니다.
그만 둬!색인은 무엇입니까?
색인은 요소가 배열에 있는 위치를 가리킨다.

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];

array Offeople에서 "Ayo"는 0, "Ope"는 1, "Dupe"는 2, "Ola"는 3, "아리요"는 4, "Temi"는 5로 색인된다.

배열의 길이입니다.

그룹의 길이는 그것이 포함하는 원소의 총수를 가리킨다.

arrayOfPeople.length // 6: There are six people in the array of people.

프로그래밍 측면에서 볼 때,array Offeople의 길이는 5이어야 한다. 왜냐하면, 그룹의 색인은 0에서 시작하기 때문이다.따라서 JavaScript에서 정확한 배열 길이를 얻기 위해서는 그 길이에서 1을 빼야 합니다.

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];
let lengthOfArrayOfPeople = arrayOfPeople.length - 1;

어레이의 항목 평가 또는 가져오기

배열의 요소를 가져오려면 다음과 같이 하십시오.
arrayName[indexOfItem];
예를 들어, array Offeople에서 다음을 수행합니다.

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];

우리는 그것의 색인을 통해 "Ayo"를 얻을 수 있다.
Ayo의 인물 배열 색인은 0입니다.따라서 다음과 같은 이점을 얻을 수 있습니다.

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];
arrayOfPeople[0] // 'Ayo' is returned
arrayOfpeople[1] // 'Ope' is returned
// You can log it in the console if you are not yet building things
console.log(arrayOfPeople[0]) // 'Ayo' is logged.

만약 우리가 사람들 속에서 마지막 사람을 찾고 싶다면:

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];
// undefined 
lastPerson = arrayOfPeople[arrayOfPeople.length]; // wrong

// Temi
lastPerson = arrayOfPeople[arrayOfPeople.length - 1]; // right

만약 당신이 0에서 계산을 시작한다면, 그룹의 마지막 사람의 인덱스는 5이어야 하지만, 총 길이를 사용하면, 우리가 얻은 것은 5가 아니라 6이다.이것이 바로 그것이 '정의되지 않은 것' 으로 되돌아오는 이유다.이런 상황에서 우리는 반드시 수조의 길이에서 1을 줄여야 한다.

배열의 요소를 변경하려면 다음과 같이 하십시오.

그룹의 요소는 색인을 통해 접근할 수 있습니다.배열의 요소를 설정하거나 변경하려면 에 표시된 대로 지정된 배열의 색인에 새 값을 설정합니다.

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];

arrayOfPeople[0] = 'Obama'; 
/* arrayOfPeople is now ['Obama', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi']. 'Ayo' has been replaced with 'Obama' */

주어진 그룹의 인덱스를 다른 값으로 설정해서 모든 요소를 변경할 수 있습니다. 위에서 설명한 바와 같이.

배열에 새 요소 추가하기

Append는 끝에 추가된다는 의미입니다.따라서, 이 예에서, 우리는 수조의 끝에 새로운 요소를 추가한다.

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];
arrayOfPeople[arrayOfPeople.length] = 'Tola'; // We have added a new person to the arrayOfPeople.

arrayOfPeople/['Ayo','Ope','Dupe','Ola','Ariyo','Temi','Tola'];
위에서 무슨 일이 일어났는지 설명해 주시겠어요?
설명한 대로 JavaScript에서 배열의 실제 길이를 얻으려면 1을 빼야 합니다.그래서 array Offeople의 길이는 6이지만, 만약 우리가 그 중에서 1을 빼면, 그것은 5가 될 것이다. 그렇지?
이렇게 하면 다음과 같습니다.

arrayOfPeople[arrayOfPeople.length] = 'Tola';

Array Offeope의 끝에 다른 인덱스(6)를 추가하고 그 값을 "Tola"로 설정합니다.
생각해봐!

몇몇 그룹 방법을 사용하다

배열에는 여러 가지 방법이 있습니다.이 중 일부만 사용하도록 하겠습니다.

let arrayOfPeople = ['Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi', 'Ayo'];

지금 오바마는 대열에 합류해 나를 지지하고 싶어 한다. 나는 멋진 사람이기 때문이다. 그러나 문제는 우리가 어떻게 그를 사람들 속에 추가할 것인가이다.
우리는 단지 다음과 같은 것만 할 것이다.

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];
arrayOfPeople.push('Obama');

콘솔에서 확인하기;

console.log(arrayOfPeople) // ['Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi', 'Ayo', 'Obama'];

오바마는 이미 진영의 말미에 합류했다.그렇습니다.
push () 그룹 방법은 무엇입니까?
"push () 방법은 새 항목을 그룹의 끝에 추가하고 새 길이를 되돌려줍니다."-MDN
만약 우리가 오바마를 이 일련의 사람들 대열에 합류시키고 싶다면?
이 경우 push () 대신 unshift () 를 사용합니다.

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];

arrayOfPeople.unshift('Obama');

console.log(arrayOfPeople) // ['Obama', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi', 'Ayo'];

오바마가 이 일련의 사람들 대열에 합류했다.
unshift () 수조 방법은 무엇입니까?
"unshift () 방법은 한 개 이상의 요소를 그룹의 시작에 추가하고 그룹의 새 길이를 되돌려줍니다."-MDN
예컨대

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];
let NewLengthOfArrayOfPeople = arrayOfPeople.unshift('Obama'); // ['Obama', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi', 'Ayo'];

내가 설명한 바와 같이 오바마는 array Offeople의 시작에 추가되었고 우리는 컨트롤러에 로그인해서 검사할 수 있다.

console.log(arrayOfPeople); // ['Obama', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi', 'Ayo'];

그렇다면 NewLength Offarray Offeople을 콘솔에 기록한다면 그 가치는 무엇입니까?

console.log(NewLengthOfArrayOfPeople) // 7.

번영!7 컨트롤에 기록됩니다. "unshift () 방법은 한 개 이상의 요소를 그룹의 시작에 추가하고 그룹의 새 길이를 되돌려줍니다."-MDN
만약 우리가 군중 중의 첫 번째 사람이나 마지막 사람을 제거하고 싶다면?
인원 그룹에서 첫 번째 개인/프로젝트를 삭제하려면 다음과 같이 하십시오.

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];
arrayOfPeople.shift() // return 'Ope';
console.log(arrayOfPeople)

배열의 시작 부분에서 Ope이 삭제되었습니다.
shift () 그룹은 무엇을 합니까?
"shift 방법은"zeroteh"인덱스에 있는 요소를 제거하고 연속 인덱스에 있는 값을 아래로 이동한 다음 제거된 값을 되돌려줍니다."-MDN
이 MDN에 따라 shift () 는 그룹의 첫 번째 요소를 삭제하고 이 요소를 되돌려줍니다.예를 들어,

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];
let personRemovedFromArrayOfPeople = arrayOfPeople.shift();
console.log(arrayOfPeople) // ['Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi', 'Ayo']
console.log(personRemovedFromArrayOfPeople)// Obama

회상해 보면, 우리는 오바마를 일련의 사람들의 시작에 추가했다.인물 그룹에서shift 방법을 사용하여 Obama를 그룹에서 제거하고person Removed FromArray Offeople의 값으로 되돌려줍니다.
배열에서 시작하여 마지막 사람/항목을 삭제하려면 다음과 같이 하십시오.

let arrayOfPeople = ['Ayo', 'Ope', 'Dupe', 'Ola', 'Ariyo', 'Temi'];
let personRemovedFromArrayOfPeople = arrayOfPeople.pop()// returns 'Ayo';

pop 방법은 인물 그룹에서 마지막 요소를 삭제하고 이 값을 호출자에게 되돌려줍니다.
Ayo가 배열 끝에서 제거되고 person Removed From Array Offeople 값으로 반환됩니다.
맵 (),reduce (),some (),every () Filter (),concat (), 그리고 많은 다른 방법도 있습니다.그들은 다음 시간에 치료를 받을 것이다.

그리고 하나 더 있어요.

당신은 자바스크립트를 배우고 이해하며 그것으로 프로젝트를 구축하는 데 어려움이 있습니까?JavaScript for a Total 초보자는 간단한 삽화와 예시를 통해 JavaScript와 프로젝트 제작 기초 지식을 가르치고 모든 것을 간단하게 만든다.너는 지금 어떤 어려운 항목도 두려워하지 않고 처리할 수 있다.
나를 믿지 말고 무료 이력서를 찾아서 스스로 판단해라. https://bit.ly/3o3TMyg