배열

1. 배열이란

• 변수를 그룹으로 묶는 형태의 한 종류로써, 사물함 같은 형태를 갖고 있다.
• 하나의 배열안에는 같은 종류(데이터 형)의 값들만 저장될 수 있지만,
  javascript는 데이터형의 선언을 별도로 하지 않기 때문에 데이터 형에 대한 제약은 없다.(하지만 한가지 타입으로 만드는걸 권장함)

2. 배열을 만드는 법

• let myarray = new Array(값1,값2, ...);
• let myarray = [값1, 값2, ...];

3. 인덱스 번호를 갖는 데이터 저장소

• 생성된 배열은 각각의 칸은 0부터 일련번호(인덱스)가 지정된다.

<script>
let myarray = ['웹표준','HTML5/CSS3','반응형 웹'];
</script>

4. 배열 데이터의 접근

• 배열이름[인덱스]

<script>
let myarray = ["HTML", "CSS", "javascript"];
document.write("<h1>" + myarray[0] + "</h1>");
document.write("<h1>" + myarray[1] + "</h1>");
document.write("<h1>" + myarray[2] + "</h1>");

myarray[0] = 'java';
myarray[1] = 'jsp';
myarray[2] = 'spring boot';

document.write("<h1>" + myarray[0] + "</h1>");
document.write("<h1>" + myarray[1] + "</h1>");
document.write("<h1>" + myarray[2] + "</h1>");
</script>

5. 2차배열

• 행 열

6. 2차배열의 생성방법

• 2차 배열을 1차 배열을 생성하면서 각각의 요소로 새로운 배열을 포함시키는 형태로 생성한다.

<script>
let myarray = new Array(
	new Array(값1, 값2,..),
	new Array(값1, 값2,..)
);

let myarray  = [
	[값1, 값2,..],
	[값1, 값2,..]
];
</script>

7. 2차배열의 사용

• 배열 이름[행][열]
• 인덱스 값은 0부터 시작된다.

8. 2차배열의 길이

• 행 : 배열이름.length;
• 열 : 배열이름[n].length;

9. 배열의 부가기능

• shift()
  배열의 첫번째 원소를 제거하는 방법

• unshift()
  파라미터값으로 전달한 값을 배열의 첫번째 원소로 추가하고
  기본 값들은 index를 1씩 증가 시킨다.

• pop()
  배열의 끝점의 원소를 제거

• reverse()
  배열을 거꾸로 정렬

<script>
	let li = ['a','b','c','d','e'];
	li.shift('z')
    li.unshift()
	li.pop()
	li.reverse()
</script>