배열이란 무엇입니까? - 1부

배열은 동일한 변수에 여러 요소를 저장할 수 있는 위치입니다. 숫자, 문자열, 부울, 배열, 객체 등을 저장할 수 있습니다.

예:

const numbers = []; // empty array
const ages = [10, 21, 35, 45]; // array of numbers
const names = ['Dutches', 'Monty', 'Benny', 'Lucky', 'Chili']; // array of strings
const mixAndMatch = [25, false, 'Brody'] // mixed

.length 속성

.length 속성은 배열의 요소 수를 제공합니다.

예:

[].length; // 0

const numbers = [22, 35, 43, 49, 98];
numbers.length; // 5

.length는 배열 유형의 인스턴스인 객체의 속성입니다. 개체에는 속성이 있으며 해당 속성은 길이를 추적합니다. 길이는 객체 키와 같습니다. 호출하면 해당 값이 반환됩니다.

색인으로 요소 가져오기

인덱스가 0부터 시작하는 대괄호 [] 구문을 사용하면 배열에서 특정 요소를 검색할 수 있습니다.

예를 들어:

const members = ['Dutches', 'Monty', 'Benny', 'Lucky', 'Chili'];
members[2]; // 'Benny'

또는 .at(index) 메서드를 사용할 수 있습니다. 이 메서드는 음수 인덱스를 허용하므로 배열의 마지막 요소를 더 쉽게 찾을 수 있습니다.

const members = ['Dutches', 'Monty', 'Benny', 'Lucky', 'Chili'];
members.at(3); // 'Lucky'
members.at(-2); // 'Lucky'

.push() 메서드

.push() 메서드를 사용하여 배열에 요소를 추가할 수 있습니다.

const ages = [12, 25, 45, 49];
ages.push(64);// returns 5 (the new length of the array)
console.log(ages); // [12, 25, 45, 49, 64];

Array.push()는 배열의 새 길이를 반환합니다.
const로 정의된 변수 age에 새 데이터를 추가할 수 있었습니다. const에는 변수가 정의되면 한 번만 할당할 수 있다고 명시되어 있습니다. 변수가 항상 변경 불가능한 것은 아니지만 콘텐츠는 유연합니다.

Array.forEach()

자바스크립트에서 가장 중요한 개념 중 하나는 배열 반복입니다.

연령 배열의 모든 요소를 ​​반복(또는 반복)한다고 상상해 봅시다.

const ages = [21, 35, 49];
ages.forEach(function(age) {
   // do something with individual age
   console.log(age);
});

배열에서 배열 항목으로의 전환을 시각화할 수 있도록 항상 .forEach()를 console.log()로 시작합니다.
.forEach(callback) 메서드를 사용하여 배열의 각 요소에 대해 콜백 함수를 실행할 수 있습니다.

Acallback는 다른 함수에 인수로 전달되는 함수 정의입니다.

function(ages) {
   // do something with individual age
   console.log(grade);
}

성적이 수신되면 이 콜백 함수는 이를 콘솔에 기록합니다. 이것은 실행되지 않기 때문에 함수 정의입니다. 함수가 어떻게 작동하는지 설명합니다. 반면 .forEach() 메서드는 이 함수 정의를 인수로 받습니다.

ages.forEach(callBackHere);

함께 결합할 때 함수 정의를 인수로 .forEach() 메서드에 전달합니다.

ages.forEach(function(age) {
   // do something with individual age
   console.log(age)
});

위의 코드는 연령대 배열에서 콘솔로 각 연령을 인쇄합니다.

21 
35 
49