자바스크립트 배열

JavaScript 배열은 단연코 제가 가장 좋아하는 데이터 구조입니다. 모든 경우에 사용하기에 가장 좋은 선택은 분명히 아니지만 가능하면 어레이로 작업하는 것을 선호합니다. 내 생각에 그들은 다루기 더 쉽습니다. 배열이란 정확히 무엇입니까? 간단히 말해서 배열은 배열의 각 값 또는 요소가 인덱스로 지정되는 정렬된 값 목록입니다. 배열 인덱스는 또한 다른 데이터 유형으로 구성될 수 있으므로 인덱스가 문자열, 정수, 부울 값, 개체 및 혼합 값 인덱스로 구성된 다른 배열의 혼합인 배열을 가질 수 있습니다. JavaScript 배열의 또 다른 멋진 기능은 C와 같은 언어에서와 같이 생성 시 배열의 길이를 지정할 필요가 없다는 것입니다.

JavaScript에서 배열을 만드는 것은 매우 간단합니다. JavaScript의 3가지 변수 키워드 중 하나와 인덱스 값을 포함하는 한 쌍의 대괄호로 변수를 선언하기만 하면 됩니다.

   let numbers = [1, 2, 3, 4, 5];
   var array = ["hello", 9, true, [1, 2, 3]];
   const array2 = [];

여기에서 다른 JavaScript 변수 키워드를 사용하여 세 개의 배열을 만들었습니다. 첫 번째 배열은 정수로만 구성되고 두 번째 배열은 문자열, 정수, 부울 값 및 다른 숫자 배열의 혼합입니다. 세 번째 배열은 빈 배열로 설정됩니다. 빈 배열은 미래 값을 저장하는 장소로 유용할 수 있습니다.

배열 인덱스가 어떻게 작동하는지 알아보기 위해 두 번째 배열을 살펴보겠습니다. 두 번째 배열에는 4개의 요소가 있습니다. 우리는 컴퓨터를 다루기 때문에 항상 0부터 계산을 시작하므로 0 인덱스에 있는 배열의 첫 번째 요소는 "hello"라는 문자열입니다. 인덱스가 3인 네 번째 위치의 요소는 또 다른 정수 배열입니다. 다음과 같이 대괄호 표기법을 사용하여 개별 인덱스 값에 액세스할 수 있습니다.

var array = ["hello", 9, true, [1, 2, 3]];
console.log(array[3]);
// [1,2,3]
console.log(array[0]);
// "hello"

다음과 같이 대괄호 표기법을 사용하여 배열 인덱스의 값을 변경할 수도 있습니다.

var array = ["hello", 9, true, [1, 2, 3]];
array[1] = 10;
// console.log(array); 
// ["hello", 10, true, [1, 2, 3]]

지금까지 우리는 대괄호 표기법을 사용하여 배열을 생성했지만 JavaScript에서 배열을 생성하는 또 다른 방법이 있지만 덜 사용됩니다. 다음과 같이 간단하게 작성할 수 있습니다.

let numbers = new Array(1, 2, 3, 4, 5);
// console.log(numbers);
// [1, 2, 3, 4, 5]

나는 다른 방식으로 배열을 만드는 것을 선호하지만 궁극적으로 당신에게 달려 있습니다.

우리는 JavaScript 배열과 관련하여 가능한 것의 표면을 겨우 긁고 있을 뿐입니다. JavaScript 프로그래머가 사용할 수 있는 모든 종류의 유용한 배열 메서드가 있으며 저는 이미 내가 가장 좋아하는 두 가지 배열 메서드인 .map() 및 .filter()에 대한 게시물을 작성했습니다. 그러나 JavaScript 언어에 내장된 가장 유용한 배열 기능이라고 생각하는 것은 .length 속성입니다. .length를 사용하면 다음과 같이 간단히 작성하여 배열의 크기를 알 수 있습니다.

   var array = ["hello", 9, true, [1, 2, 3]];
   console.log(array.length);
   // 4

배열의 길이를 아는 기능은 for 루프와 그렇지 않은 경우에 유용하지만 처음에 크기를 알지 못하는 배열을 다룰 때 정말 유용합니다. 예를 들어 외부 API에서 데이터를 가져올 때와 같습니다.

나는 유용하다고 생각하는 다른 배열 방법에 대한 향후 게시물을 작성할 계획이지만 그 동안 이 게시물이 JavaScript를 처음 접하는 사람이나 일반적으로 프로그래밍하는 사람이 내가 가장 좋아하는 JavaScript 데이터 구조에 익숙해지는 데 도움이 되었기를 바랍니다. 그리고 강력한 어레이.

즐거운 코딩!