JS Basic Syntax(배열)

색연필 케이스에 4개의 색연필이 담겨있을 때, 파란색만 꺼내려면 어떻게 해야 할까?

 

문자열 허용

 

const crayonCase = 'red,blue,green,yellow';

 

-> 빨간색 색연필만 꺼내고 싶은데, 관리가 힘듦

 

배열을 활용

 

const crayonCase = ['red', 'blue', 'green', 'yellow'];

console.log(crayoneCase[0]);

 

 

 

1. 배열의 초기화(생성)

1-1 배열 리터럴( [] ) 방식 - 주로 사용

[] 기호를 사용하여 배열을 생성

 

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

//[1, 2, 3, 4, 5]

 

 

1-2 new 연산자 생성 방식

const list = new Array(10);

console.log(list); // 비어있는 10칸 배열 생성
console.log(list).lenght); //10

list.fill(0);
console.log(list); // 0으로 다 채움

 

 

2. 배열의 타입 확인

typeof 연산자로 조회할 경우 object가 출련된다.

따라서 typeof 연산자로는 배열인지 객ㅊ인지 구분이 불가!!

하기 때문에 Array.isArray()를 사용해야 한다.

 

const list = [1, 2, 3, 4, 5];

console.log(typeof list);

console.log(Array.isArray(list)); //true

 

 

3. 배열 메서드

 

배열 객체에서 제공하는 메서드

 

4. 배열 고차 함수

고차 함수(High Order Function)

함수를 인수로 전달하거나 함수 자체를 반환할 수 있는 함수

 

조건문, 반복문과 같은 복잡한 로직을 줄이고, 외부 벼수에 대한 사용을 최대한 제한하여 값의 벼경에 따른 오류의 발생 가능성을 줄이기 위한 방법

 

고차 함수를 사용하지 않고, 반복문으로 numbers 요소의 합 계산

 

let sum = 0;
const numbers = [1, 2, 3, 4, 5];

for(let i = 0; i < numbers.length; i++)
{
	sum += numbers[i];
}

console.log(sum); // 결과 출력

 

 

고차 함수를 사용하여 외부 상태 변경 없이 요소의 합 계산

let sum = 0;
const numbers = [1, 2, 3, 4, 5];

const result = 
numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);

console.log(result); // 결과: 15