초보자를 위한 JavaScript 배열

새로운 친구나 지인을 처음 만나는 자신의 모습을 그려보세요. 그들에 대해 가장 먼저 배우는 것 중 하나는 그들의 이름입니다, 그렇죠? JavaScript에서는 프로그래밍 방법을 처음 배울 때 JavaScript 기초에 중추적인 변수에 대해 배웠을 것입니다. 변수는 이름과 같은 정보를 저장하는 데 도움이 되므로 나중에 이 정보에 액세스할 수 있고 은유적으로 다른 사람의 이름을 계속해서 물을 필요가 없기 때문에 매우 중요합니다!

하지만 하나의 이름을 기억하는 것은 특별히 어려운 일이 아닙니다... 하지만 수십, 수백, 수천 개의 이름을 기억해야 한다면 어떻게 될까요? 배열은 JavaScript뿐만 아니라 거의 모든 기존 프로그래밍 언어에서 발견되는 가장 일반적인 유형의 데이터 구조 중 하나이므로 이 문제를 해결하는 데 도움이 됩니다. 데이터 구조에 익숙하지 않은 경우 데이터 구조는 기본적으로 프로그래밍할 때 데이터를 구성하고 액세스하는 데 도움이 되는 "데이터 컨테이너"입니다. 오늘 우리는 모든 프로그래머가 널리 사용하는 비교적 간단하고 간단한 유형의 데이터 구조인 배열에 대해 배우고 작업할 것입니다.

항목의 순서가 중요한 "목록"으로 배열을 생각할 수 있습니다.[1, 2, 3]는 [1, 3, 2]와 같지 않습니다.

위의 두 배열에는 동일한 요소가 포함되어 있지만 이러한 배열은 고유하고 구별됩니다.

JavaScript 배열에 대한 또 다른 특별한 참고 사항은 배열 내의 데이터 유형이 함께 혼합될 수 있다는 것입니다. [1, "1", null]
여기에서 단일 배열 내에 포함된 숫자(정수), 문자열 및 null 값이 있음을 알 수 있습니다. JavaScript 배열의 이 속성은 모든 프로그래밍 언어에서 보편적으로 공유되지 않으므로 선택한 언어에서 배열이 속성을 처리하는 방법을 아는 것이 중요합니다.

그렇다면 자바스크립트 배열은 어떻게 만들까요? 위와 같이 배열 리터럴 구문을 사용하여 배열을 만들고 쉼표로 구분된 선택한 요소로 한 쌍의 대괄호를 채울 수 있습니다. 논리적으로 다음과 같은 배열을 변수에 할당할 수도 있습니다.

const myArray = ["This", "is", "array", "literal", "syntax"];

배열의 길이를 확인하는 것도 JavaScript 배열의 내장 속성length을 사용하는 것만큼 쉽습니다.

myArray.length;
// => 5

이제 배열을 만들 수 있으므로 배열로 무엇을 할 수 있습니까? 대괄호 표기법을 사용하여 배열 내의 요소에 액세스하려는 경우가 종종 있습니다. 대괄호 표기법은 배열의 각 요소에 지정된 인덱스가 있거나 배열 내에서 "줄에 배치"된다는 사실을 활용합니다. 배열에서 첫 번째 요소의 인덱스가 0에서 시작한다는 점에 유의하는 것이 중요합니다! 따라서 배열의 마지막 요소는 항상 Array.length - 1 인덱스를 갖습니다.

myArray[0];
// => "This"
myArray[myArray.length - 1];
// => "syntax"
myArray[4];
// => "syntax"

배열 내의 기존 값을 업데이트하려면 어떻게 해야 합니까? 괄호 표기법으로도 그렇게 할 수 있습니다!

myArray[0] = "Now THIS";
myArray;
// => ["Now THIS", "is", "array", "literal", "syntax"]

알다시피 =가 myArray를 사용하여 선언되었음에도 불구하고 const 연산자를 사용하여 배열 내의 개별 요소를 자유롭게 재할당할 수 있습니다.

이제 배열의 기본 사항을 이해했으므로 더 복잡한 배열로 넘어갈 수 있습니다! 다음 블로그 게시물에서는 배열 요소 추가 및 제거, 배열 반복 및 반복, 내장 배열 메서드가 배열을 사용할 때 직면하는 많은 일반적인 작업을 해결하는 데 어떻게 도움이 되는지 살펴보겠습니다.