[JS] 08(1)_배열 (선언, length 속성)

1. 배열 선언하는 방식

: 배열을 선언하는 방법은 2가지 이다.
1) 대괄호([])를 사용하는 방법
2) new Array() 함수를 이용하는 방법 ]

let arr1 = [];
let arr2 = new Array();

1) 대괄호([]) 사용하여 배열 선언하기

• 대괄화를 이용하면 빈 배열을 생성할 수 있다.
• 배열을 선언할 때 초기값을 설정해 줄 수도 있다.

const arr1 = [];
const arr2 = ['white', 'red', 'black'];
document.write('arr1: ' + arr1 + '<br>');
document.write('arr1의 길이: ' + arr1.length + '<br><br>');
document.write('arr2: ' + arr2 + '<br>');
docuemnt.write('arr2의 길이: ' + arr2.length);
/* 
arr1: 
arr의 길이: 0

arr2: whtie, red, black
arr2의 길이: 3
*/

const arr = ['apple', 1, true, [100, 200]];
document.write('arr: ' + arr + '<br>');
docuemnt.write('arr의 길이: ' + arr.length);
/*
arr: apple, 1, true, 100, 200
arr의 길이: 4
*/

  배열은 여러가지 타입을 담을 수 있다. 
  하나의 배열에 꼭 한가지 타입 값만 가질 수 있는 것이 아니다.
  위의 예제를 보면 배열안에 '문자열, 숫자, boolean값, 배열'이 추가되었다.
  
  arr 배열 안에 배열이 추가된 경우, 추가된 배열은 하나의 element로 취급한다.
  즉, 위 예제에 추가된 [100, 200] 배열은 2개의 정수 element를 가졌지만,
  arr 배열에서는 1개의 배열 element로 취급되며, 
  arr 배열의 길이는 4가 출력되었다.

2) new Arrary() 함수 사용하여 배열 선언하기

: new Array()를 사용하여 배열을 사용할 수도있다. 하지만 대괄호([])를 사용하여 배열을 생성하는 것과 차이가 없고 더 간결하기 때문에 대괄호([])를 사용하여 배열을 선언하는 것이 더 선호된다.

const arr1 = new Array();
const arr2 = new Array(3);
const arr3 = new Array('red', 'green', 'blue');

document.write('arr1: ' + arr1 + '<br>');
document.write('arr1의 길이: ' + arr1.length + '<br><br>');

document.write('arr2: ' + arr2 + '<br>');
document.write('arr2의 길이: ' + arr2.length + '<br>');
document.write('arr2[0]: ' + arr2[0] + '<br><br>');

document.write('arr3: ' + arr3 + '<br>');
document.write('arr3의 길이: ' + arr3.length + '<br>');
document.write('arr3[0]: ' + arr3[0]);
/*
arr1: 
arr1의 길이: 0

arr2:
arr2의 길이: 3
arr2[0]; undefined

arr3: red, green, blue
arr3의 길이: 3
arr3[0]: red
*/

new Array(3);
: 정수 1개가 파라미터(==매개변수)로 전달되며느 파라미터는 생성할 배열의 크기를 의미한다.
따라서, 위 예제에서는 길이가 3인 배열이 생성되었다.
이 때, 배열의 원소는 모두 undefined 값으로 채워진다.

- undefined: 변수는 존재하나, 어떠한 값으로도 할당되지 않아 자료형이 정해지지(undefined)않은 상태
- null: 변수는 존재하나, null로(값이) 할당된 상태. 즉, null은 자료형이 정해진(defined)상태 이다.

-> typeof 연산자로 타입을 확인해보면 undefined는 undefined 타입이
-> null은 object 타입으로 표시된다.

2. 배열의 length 속성 활용하기

: 배열의 길이를 체크하기 위해서 Array 인스턴스의 length 속성을 사용한다.

const color = ['white', 'red', 'black', 'yellow'];

//배열의 길이 체크(length)
document.write(color.lenght); //4
document.write('<br />');

//배열의 길이 set
color.length = 2;
document.write(color.length); //2
document.write('<br />');
document.write(color); // white, red

• 배열의 길이는 Array 인스턴스의 length 속성을 통해 확인할 수 있다.
• 또한, length 속성 값을 직접 설정하여, 배열 길이를 조정할 수 있다.