[TIL] 배열

728x90

1. 객체

객체는 자료형의 일종으로 다양한 값을 모아둔 또다른 값이다. 객체의 종류는 크게 배열, 함수, 함수가 아닌 객체로 나눌 수 있다.

2. 배열

다양한 자료형을 하나로 묶어 놓은 것이다. 같은 타입의 데이터를 연속된 공간에 저장하는 자바에서의 배열과는 다르게 현재 배열 안에 있는 값은 모두 문자열이지만, 값의 자료형이 모두 같아야 할 필요는 없다. 배열 안에 다른 배열이나 변수를 넣을 수 있다.

const fruits = ['사과', '오렌지', '배', '딸기'];
console.log(fruits[0]);
console.log(fruits[1]);
console.log(fruits[2]);
console.log(fruits[3]);
console.log(fruits[4]);

3. 배열의 Index

자릿수를 index라고 한다. 그리고 index는 0부터 시작한다.

4. 배열과 반복문

1) for

let arr = [1,2,3,4,5];

for(let i = 0; i < arr.length; i++){
	console.log(arr);
}

2) for ... of

인덱스를 사용할 수 없다.

let arr = [1,2,3,4,5];

for(let num of arr){
	console.log(num);
}

5. 배열의 속성과 메서드

1) length

배열의 길이를 의미한다.

Arr.length

문자열의 길이도 알 수 있다. 문자열도 배열처럼 탐색이 가능하다.

'가나다라마'.length

배열의 마지막 요소는 인덱스가 0부터 시작하므로 array.length - 1이다.

배열의 마지막 요소를 출력하는 방법은 다음과 같다.

const arr = [1,2,3,4,5];
console.log(arr[arr.length-1]); // 배열의 마지막 요소 출력

배열의 맨 뒤에 새로운 값 추가하는 방법이다.

arr[arr.length] = 6 //배열 맨뒤에 새로운 6 추가
console.log(arr[5]); //배열의 마지막 요소 출력

2) push()

배열 맨 뒤에 요소를 추가하는 메서드이다.

Arr.push(추가할 값)

배열의 맨 뒤에 새로운 값 추가하는 방법이다.

// push 메소드
arr.push(7);
console.log(arr[arr.length-1]); // 7

3) pop()

배열 맨 뒤의 요소를 삭제하는 메서드이다. 반환값은 배열 맨 뒤 요소이다.

Arr.pop()

배열의 맨 뒤에 요소를 삭제한다.

// pop 메소드
const arr = [1,2,3,4,5];
arr.pop(); // 5를 반환
console.log(arr); // [1,2,3,4]

4) unshift()

배열 맨 앞에 요소를 추가

Arr.unshift(추가할 값)

배열의 맨 앞에 새로운 값을 추가한다.

// unshift 메소드
const arr = [1,2,3,4,5];
arr.unshift(0); // 0을 배열에 추가
console.log(arr[0]); // 0

5) shift()

배열 맨 앞에 요소를 삭제한다. 반환 값은 배열의 맨 앞 요소이다.

Arr.shift()

배열의 맨 앞에 요소를 삭제한다.

// shift 메소드
const arr = [1,2,3,4,5];
arr.shift(); // 1
console.log(arr); // [2,3,4,5]

6) splice()

배열의 중간 요소를 제거한다.

Arr.unshift(인덱스, 갯수)

✔ 인덱스 : 지우고 싶은 인덱스

✔ 개수: 인덱스부터 시작해서 지울 배열의 요소의 개수

배열의 맨 앞에 새로운 값 추가한다.

// splice 메소드
arr.splice(1, 2);
console.log(arr);

7) 배열에서 특정 요소 찾기

(1) includes

해당 값을 찾으면 true, 아니면 false를 반환한다.

const target = ['가','나','다','라'];
target.includes('다') // true

👉 반환값 true/false

(2) indexOf

: 해당 값을 찾으면 0 아니면 -1을 반환한다.

const target = ['가','나','다','라'];
target.indexOf('가') // '가'가 존재한다. 0을 반환
target.indexOf('마') // '마'가 존재하지 않는다. -1을 반환

👉 반환값 찾으면 0/ 아니면 -1을 반환