JavaScript 배열

01 배열을 생성하는 방법

직접 선언

<script>

	let testArray = [ 1, 2, 3, 4, 5 ];
    
</script>

new를 통한 선언

<script>

	let testArray2 = new Array(5);
    
</script>

참고

배열의 내용물은 다양하게 넣을 수 있다. (숫자, 문자, 배열 등)

<script>

	let testArray3 = [ 1, '2', [ 3, 4, 5 ], 4, 5 ];
    
</script>

02 배열을 출력하는 방법

for문

<script>

for( let i = 0; i < testArray.length; i++ ){
  	testArray[i];
}
    
</script>

forEach

<script>

testArray.forEach( function (number, index, arr) { 
  console.log("number : " + number + ", index : " + index + ", arr : " + arr)
  console.log()
})
    
</script>

참고

(1) for 문 : 특정조건을 성립하는 i를 출력할 때 유용함
(2) forEach 문 : 특정 조건 없이 전체를 출력할 때 유용함

03 자주 사용하는 배열 메소드

push

배열의 마지막 위치에 입력값을 추가

<script>
	testArray.push(30);
</script>

pop

배열의 마지막 위치에 있는 요소를 삭제

<script>
	testArray.pop();
</script>

unshift

배열의 첫번째 위치로 입력값을 추가

<script>
	testArray.unshift(300);
</script>

shift

배열의 마지막 위치의 요소를 삭제

<script>
	testArray.shift();
</script>

참고

unshift()와 shifr()는 배열의 전체를 이동시키기 때문에 push()나 pop()에 비해 느리다.
가급적 사용하지 않는 것을 권장한다.

map

매개로 받는 함수를 실행하여 새로운 배열(arryMultiple)에 저장

<script>
	let arryMultiple = testArray.map( x => x * 2);
</script>

flat

기능1) 중첩 배열 평탄화 : 배열의 요소들을 (매개변수의 숫자의 깊이 만큼) 꺼내 각각의 개별적 배열로 생성해줌
기능2) 배열 구멍 제거 : 배열 내 빈 요소도 제거하여 반환한다

<script>
const arr1 = [1, 2, [3, 4]];
arr1.flat();
// [1, 2, 3, 4]

const arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat();
// [1, 2, 3, 4, [5, 6]]

const arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2);
// [1, 2, 3, 4, 5, 6]

const arr4 = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]];
arr4.flat(Infinity);
// [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

const arr5 = [1, 2, , 4, 5];
arr5.flat();
// [1, 2, 4, 5]

</script>