js 배열

 

여러 개의 데이터를 순서대로 저장할 수 있는 데이터 구조입니다. 
배열은 다양한 데이터 타입을 포함할 수 있으며, 
배열의 각 데이터는 인덱스를 통해 접근할 수 있습니다.

 

 

 

 

배열의 기본 개념

 

배열은 0부터 시작하는 인덱스를 가지고 있습니다.
배열의 요소는 다양한 데이터 유형(숫자, 문자열, 객체 등)을 가질 수 있습니다.
배열은 동적으로 크기를 조절할 수 있습니다.

 

 

배열 생성 방법

 

배열 리터럴

const fruits = ["사과", "바나나", "오렌지"];

 

가장 일반적인 방법으로, 대괄호 []를 사용하여 배열을 생성합니다.

 

 

 

 

Array 생성자

const fruits = new Array("사과", "바나나", "오렌지");

 

Array 생성자를 사용하여 배열을 생성할 수 있습니다.

 

 

빈 배열

const emptyArray = [];
const anotherEmptyArray = new Array();

 

 

 

배열 요소 접근

 

const fruits = ["사과", "바나나", "오렌지"];
console.log(fruits[0]); // "사과" 출력
console.log(fruits[1]); // "바나나" 출력

 

배열의 요소는 인덱스를 사용하여 접근할 수 있습니다.

 

 

배열의 주요 메서드

 

JavaScript 배열은 다양한 내장 메서드를 제공합니다.

 

push()

fruits.push("망고");
console.log(fruits); // ["사과", "바나나", "오렌지", "망고"]

배열의 끝에 하나 이상의 요소를 추가하고, 새로운 길이를 반환합니다.

 

 

 pop()

const lastFruit = fruits.pop();
console.log(lastFruit); // "망고" 출력
console.log(fruits); // ["사과", "바나나", "오렌지"]

배열의 마지막 요소를 제거하고, 제거된 요소를 반환합니다.

 

shift()

const firstFruit = fruits.shift();
console.log(firstFruit); // "사과" 출력
console.log(fruits); // ["바나나", "오렌지"]

배열의 첫 번째 요소를 제거하고, 제거된 요소를 반환합니다.

 

 

unshift()

fruits.unshift("딸기");
console.log(fruits); // ["딸기", "바나나", "오렌지"]

배열의 시작 부분에 하나 이상의 요소를 추가하고, 새로운 길이를 반환합니다.

 

splice()

fruits.splice(1, 1, "체리"); // 인덱스 1에서 1개 요소를 제거하고 "체리" 추가
console.log(fruits); // ["딸기", "체리", "오렌지"]

배열의 특정 위치에서 요소를 추가하거나 제거합니다.

 

slice()

const newFruits = fruits.slice(1, 3); // 인덱스 1부터 3 이전까지 복사
console.log(newFruits); // ["체리", "오렌지"]

배열의 일부분을 복사하여 새로운 배열을 반환합니다.

 

forEach()

fruits.forEach((fruit) => {
    console.log(fruit);
});
// "딸기"
// "체리"
// "오렌지"

배열의 각 요소에 대해 제공된 함수를 실행합니다.

 

map()

const lengths = fruits.map((fruit) => fruit.length);
console.log(lengths); // [3, 2, 3] (각 과일 이름의 길이)

배열의 각 요소에 대해 주어진 함수를 호출하고, 결과로 새로운 배열을 반환합니다.

 

 

배열 합치기

const moreFruits = ["포도", "수박"];
const allFruits = fruits.concat(moreFruits);
console.log(allFruits); // ["딸기", "체리", "오렌지", "포도", "수박"]

concat() 메서드를 사용하여 두 개 이상의 배열을 합칠 수 있습니다.

 

배열 정렬

const numbers = [4, 2, 5, 1, 3];
numbers.sort();
console.log(numbers); // [1, 2, 3, 4, 5]

sort() 메서드를 사용하여 배열을 정렬할 수 있습니다.

 

배열 필터링

const numArray = [1, 2, 3, 4, 5, 6];
const evenNumbers = numArray.filter((num) => num % 2 === 0);
console.log(evenNumbers); // [2, 4, 6]

filter() 메서드를 사용하여 특정 조건을 만족하는 요소만 포함하는 새로운 배열을 생성할 수 있습니다.

 

배열의 길이

console.log(fruits.length); // 배열의 요소 개수 출력

배열의 길이는 length 속성을 통해 확인할 수 있습니다.