JavaScript TIL 05

2021년 6월 28일에 작성된 문서입니다.
javascript 배운 내용을 정리했습니다.

---

배열

배열이란

배열은 순서가 있는 값.
순서를 인덱스라고 하며, 0번부터 번호를 매기기 시작.

[0]	[1]	[2]	[3]
73	98	23	33

여기서 배열을 선언하면, (대괄호로 브라켓을 만들고 쉼표로 구분짓는다.)

let myNumber = [73, 98, 23, 33];

배열의 2번째 값은 여기서 23임을 알 수 있다. 이를 코드로 바꾸면

myNumber[2]; // 배열의 2번째 값을 조회. 23

그럼 저 23을 100으로 바꾸려면

myNumber[2] = 100; // 배열의 2번째 값을 100으로 변경
myNumber; // [73, 98, 100, 33]

이중 배열의 경우

let myAnotherNumber = [[13, 30], [73, 8], [44, 17]];
myAnotherNumber[1][0]; // 73

myAnotherNumber[1][0]; // 73인 이유를 아래의 표를 보면 더 잘 알 수 있다.

	0	1
0	13	30
1	73	8
2	44	17

여기서 우리는 1번째 행의 0번째 열의 값을 원하는 것이므로 73이 나온다.

배열로 더 할 수 있는 것들

1. 길이 알아내기

let myNumber = [73, 98, 23, 33];
myNumber.length; // 길이는 4가 나온다.

• 온점을 이용해서 변수가 가지고 있는 속성(property)에 접근 가능

2. 마지막에 요소(element) 추가하기

let myNumber = [73, 98, 23, 33];
myNumber.push(96); // 배열의 끝에 96이라는 새로운 값 추가

• 온점으로 관련된 명령(메소드 method)도 실행 가능
• 명령을 실행할 때, 함수를 실행하는 것처럼 괄호 열고 닫는 형태로!
• myNumber는 다음과 같아진다.

[0]	[1]	[2]	[3]	[4]
73	98	23	33	96

3. 마지막에 요소(element) 삭제하기

let myNumber = [73, 98, 23, 33];
myNumber.pop( ); // 배열의 끝의 33이라는 값 삭제

• myNumber는 다음과 같아진다.

[0]	[1]	[2]
73	98	23

4. 앞에 요소(element) 추가하기

let myNumber = [73, 98, 23, 33];
myNumber.unshift(96); // 배열 맨 앞에 96이라는 새로운 값 추가

• myNumber는 다음과 같아진다.

[0]	[1]	[2]	[3]	[4]
96	73	98	23	33

5. 앞에 요소(element) 삭제하기

let myNumber = [73, 98, 23, 33];
myNumber.shift( ); // 배열의 맨 앞 73이라는 값 삭제

• myNumber는 다음과 같아진다.

[0]	[1]	[2]
98	23	33

배열과 반복문

배열과 반복문을 조합하는 경우는 매우 많다!

여기서는 반복문을 이용해서 배열의 요소들을 출력하는 것을 해본다.

let myNum = [73, 98, 86, 61];

• 배열 myNum의 n번째 인덱스를 출력하자.
  • 이는 console.log(myNum[n]); 을 통해 가능하다.

• 조건
  • 숫자(n)는 0부터 시작한다.
    • 반복문에서 숫자 시작 할 때는 let n = 0;으로 !
  • 숫자(n)를 배열의 길이보다 작을 때 까지 반복한다.
    • 배열은 0부터 세기 시작하니까 작을 때까지 반복시켜야한다.
    • 이를 표현하면 n < myNum.length;
  • 숫자(n)는 1씩 증가한다.
    • 이를 표현하면 n++;아니면 n = n + 1;

위의 내용을 종합해서 하나의 내용으로 합쳐보면 아래와 같다.

let myNum = [73, 98, 86, 61];

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

Written with StackEdit.