배열 (array)

• 배열이란 하나의 변수명 아래에 데이터 아이템의 리스트를 저장하는 간편한 방법이다.
• 대괄호 [] 를 사용한다.
• 객체이다.

배열 선언/접근/속성

const data = 'a';
 const num = 0;
 const boolean = true;
 
// 0... 1... 2... 3...
 const arr = [data, num, boolean, 'name'];
 
 console.log(arr.length);     // 4
 console.log(arr[0]);         // a
 console.log(typeof arr);     // object
 
 //
 arr[4] = 'Test';
 arr[0] = '첫번째';
 arr[1] = 'Second';
 
 console.log(arr);      // ['첫번째', 'Second', 'name', 'Test']
 
 
 //
 arr.push('마지막');
 arr.unshift('첫번째 또 추가');
 
  console.log(arr);    // ['첫번째 또 추가', '첫번째', 'Second', 'name', 'Test', '마지막']

push : 배열 마지막에 추가
unshift : 배열 첫번째에 추가

배열의 실체

배열 타입 확인 및 요소 삭제

배열 조작

LIFO : last in, first out

splice() : 지정 한곳부터 뒤로 쭉 삭제
splice( , ) : 지정 한곳부터, 몇개 삭제 할지
splice( , ," ") 지정 한곳부터, 몇개 삭제 할지 지정 후, 추가

ex) 아무것도 삭제하지 않고, apple과 orange사이에 kiwi를 넣고 싶다
fruits.splice(1, 0, 'kiwi')

slice : 지정한 곳~지정한 곳만 빼고 삭제

• 요소 추가 하는 다른 방법 (...)

const array = ['JS', 'HTML', 'CSS'];

const newArr = ['TS', 'Java'].concat(array);

console.log(array); // [ 'JS', 'HTML', 'CSS' ]
console.log(newArr);  // [ 'TS', 'Java', 'JS', 'HTML', 'CSS' ]

• 요소 배열 병합 (...)

const array = ['JS', 'HTML', 'CSS'];

const other = ['TS', 'Java'];

const newArr = [...array, ...other];

console.log (newArr);  //  [ 'JS', 'HTML', 'CSS', 'TS', 'Java' ]

배열 반복문

for (let i = 0; i < arr.length; i++) {
	console.log(arr[i]);
}

위의 식과 

let i = 0;

if (i < arr.length) {
	console.log(arr[i]);
	i++;
}

위의 식과

let j = 0;

while (j < arr.length) {
	console.log(arr[j]);
	j = j + 1;
}

위의 식은 같다.

배열 탐색 / 문자열로 변환

• 없으면 -1 반환
• 대소문자 구분

배열의 길이

const arr = [1,2,3];
arr[9] = undefined;

arr.length;  // 10. [1,2,3,<6 empty items>,undefined]