Written by Tina
on September 03, 2021

배열

여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형

배열[인덱스]

const numbers = [273, 52, 103, 32];

numbers[0];  // 273

numbers[1 + 1] // numbers[2] -> 103
							 // 인덱스값에 계산식을 넣을수 있다

배열 요소 개수 확인하기

length속성 사용

const fruits = ['배','사과','키위','바나나'];

fruits.length;   // 4

fruits[fruits.length - 1]  // '바나나'
													 // 인덱스 [length-1] 는 배열의 마지막 요소 선택시 자주 사용되므로 잘 기억해 둘것

배열 뒷부분에 요소 추가하기

push() 메소드

배열의 맨 마지막 요소 뒤에 추가로 요소를 추가할 수 있다

const todos = ['침대 이불 정리하기', '커피 내리기', '이메일 확인하기'];

todos.push('점심시간 산책하기');

todos; // ['침대 이불 정리하기', '커피 내리기', '이메일 확인하기', '점심시간 산책하기']

자바스크립트에서 배열의 길이는 고정이 아니다. 처음에 3개의 요소를 가진 배열을 생성 후 10번째 인덱스에 요소를 강제 추가 할 수 있다 이 경우, 4번째부터 9번째 인덱스는 아무것도 없는 empty가 된다

const fruitsA = ['사과','배','바나나'];

fruitsA[10] = '귤';

fruitsA;  // ['사과','배','바나나', empty x 7, '귤']

배열 요소 제거하기

인덱스로 요소 제거하기

splice() 메소드

const itemsA = ['사과', '배', '바나나'];

itemsA.splice(2,1);   // 배열의 2번째 인덱스로부터 1개 요소 제거

itmesA;    // ['사과', '배']

값으로 요소 제거하기

indexOf() 메소드 : 배열 내부에 요소가 있을 경우 해당 요소의 인덱스를 리턴한다 요소가 없을 경우 -1을 리턴함.

const itemsB = ['사과', '배', '바나나'];

const idx = itemsB.indexOf('바나나');

idx; // 2

itemsB.splice(2,1);

itmesB;  // ['사과','배']

itemsB.indexOf('바나나');  // -1
													// 이미 위에서 '바나나'를 제거해서 배열에 해당 요소가 없으므로 -1을 리턴한다 

// 문자열의 indexOf() 메소드
// 문자열 내부에서 특정 문자열의 위치값을 찾을 수 있다
const stringA = "동해물과 백두산이 마르고 닳도록";

stringA.indexOf("백두산");  // 5
													 // stringA에서 5번째 인덱스에 "백두산"의 첫 문자열인 "백"이 위치해있다

배열의 특정 위치에 요소 추가하기

const itemsD = ['오이', '양파', '대파', '당근'];

itemsD.splice(1,0,"마늘"); // splice() 메소드의 첫번째 매개변수에 요소를 추가할 인덱스 입력, 두번째 매개변수에 0을 입력하고, 세번째 매개변수에 추가할 요소를 입력

itemsD;   // ['오이','마늘','양파','대파','당근']
					// 1번째 인덱스에 '마늘'이 추가되었다

← → Top