[JS] 배열

배열 - 다양한 자료형태를 하나로 묶어놓은 것

const fruits = ['사과', '배', '오렌지', '딸기']; // 배열형태
console.log(fruits[0]); // 'fruits' 배열에서 0번째 값
console.log(fruits.length); // 'fruits' 배열 내 요소 갯수

→ console창 출력 결과

> 사과

> 4

• 'fruits' 배열의 요소(elements) : 사과, 배, 오렌지, 딸기

 

요소 추가

1번째 방법

const target = ['a', 'b', 'c', 'd', 'e'];
target[5] = 'f'; // === target[target.length] = 'f';
console.log(target);

→ console창 출력 결과

> (6) ['a', 'b', 'c', 'd', 'e', 'f']

 

2번째 방법(push 사용)

const target = ['나','다','라','마'];
target.push('가');
console.log(target);

→ console창 출력 결과

> (5) ['나', '다', '라', '마', '가']

 

3번째 방법(unshift 사용, 제일 앞에 추가하기)

const target = ['나','다','라','마'];
target.unshift('가');
console.log(target);

→ console창 출력 결과

> (5) ['가', '나', '다', '라', '마']

 

요소 제거

1번째 방법(pop 사용)

const target = ['가', '나', '다', '라', '마'];
target.pop();
console.log(target);

→ console창 출력 결과

> (4) ['가', '나', '다', '라']

 

2번째 방법(shift 사용, 0번째 제거)

const target = ['가', '나', '다', '라', '마'];
target.shift();
console.log(target);

→ console창 출력 결과

> (4) ['나', '다', '라', '마']

 

※ splice 정리

const target = ['가', '나', '다', '라', '마'];

target.splice(1, 1); // ①
target.splice(2, 2); // ②
target.splice(1); // ③
target.splice(1, 3, '타', '파'); // ④
target.splice(2, 0, '바'); // ⑤

// 아래에 각각 설명 후, console.log(target) 실시

 

 

 

① 'target' 배열에 인덱스 1인 값부터 1개 제거

> (4) ['가', '다', '라', '마']

② 'target' 배열에 인덱스 2인 값부터 2개 제거

> (3) ['가', '나', '마']

③ 'target' 배열에 인덱스 1인 값부터 끝까지 제거

> (1) ['가']

④ 'target' 배열에 인덱스 1인 값부터 3개 제거하고, '타', '파' 삽입

> (4) ['가', '타', '파', '마']

⑤ 'target' 배열에 인덱스 2인 값 전에 '바' 추가

> (6) ['가', '나', '바', '다', '라', '마']

 

요소 찾기

1번째 방법(includes 사용)

const target = ['가', '나', '다', '라', '마'];
const result = target.includes('다');
const result2 = target.includes('카');

console.log('result');
console.log('result2');

→ console창 출력 결과

> true

설명 : 'taregt' 안에 '다' 값이 있으므로 true 출력

> false

설명 : 'taregt' 안에 '카' 값이 없으므로 false 출력

 

2번째 방법(indexOf 사용)

const target = ['라', '나', '다', '라', '다'];
const result = target.indexOf('다');
const result2 = target.lastIndexOf('라');
const result3 = target.indexOf('가');

console.log(result);
console.log(result2);
console.log(result3);

→ console창 출력 결과

> 2

설명 : 'target' 안에 '다' 값이 2개 있지만, 인덱스 낮은 값 인식

> 3

설명 : 'target' 안에 '라' 값이 0, 3번째 있지만, 제일 큰 인덱스 값 인식
> -1

설명 : 'target' 안에 '가' 값은 없기 때문에 -1 출력