4. 배열

 

배열 요소 추가 / 제거

 

1. push() : 배열 뒷 부분에 요소 추가

2. pop() : 배열 마지막 요소 제거

3. unshift() : 배열 맨 앞 요소 추가

4. shift() : 배열 맨 앞에 요소 제거

 

- 활용 코드

let fruits = ['사과', '오렌지', '배'];

alert( fruits.pop() );  -> fruits = ['사과', '오렌지'];
alert( fruits.push('딸기') );  -> fruits = ['사과', '오렌지', '배', '딸기'];
alert( fruits.shift() );  -> fruits = ['오렌지', '배'];
alert( fruits.unshift('복숭아') );  -> fruits = ['복숭아', '사과' '오렌지', '배'];

 

 

splice()

• 배열.splice(인덱스, 제거할 요소의 개수) : 배열의 인덱스 위치부터 입력한 요소의 개수만큼 제거
• 배열.splice(인덱스, 제거할 요소의 개수, 제거한 위치에 추가할 요소들) : 인덱스 위치부터 개수만큼 제거하고 추가
• 배열.splice(인덱스, 0, 추가할 요소들) : 요소를 제거하지 않고, 인덱스 위치에 요소 추가

- 활용 코드

const items = ['사과', '배', '바나나']

items.splice(2,1)  ->  items = ['사과', '배']
items.splice(1,2,'딸기','귤')  ->  items = ['사과', '딸기', '귤']
items.splice(0,0,'복숭아') -> items = ['복숭아', '사과', '배', '바나나']

 

 

요소 찾기1 (includes)

• 배열에 특정 요소가 포함되어 있는지 확인하는 메서드
• element : 확인하고자 하는 요소
• fromIndex : 확인을 시작할 인덱스. 선택적으로 입력 가능

//기본형
 배열.includes(element, [fromIndex])

//예시
const fruits = ['사과', '바나나', '오렌지']

const result = fruits.includes('바나나');  -> result = true;
const result = fruits.includes('포도');  -> result = false;
const result = fruits.includes(1, '사과'); -> result = false;

 

 

요소 찾기2 (at)

• 정수와 음수를 사용해서 배열에서 인덱스의 값 반환
• 음수의 인덱스를 전달하면, 배열의 끝에서부터 계산해서 찾은 요소를 반환

const arr = [1, 2, 'three', 4, 5, true, false];

const result = arr.at(0); -> result = 1
const result = arr.at(-1); -> result = false
const result = arr.at(-3); -> result = 5

 

 

위치 찾기 (indexOf)

• 검색하는 값이 '처음으로' 몇 번째 인덱스에 위치하는지 찾는다. 
• 찾는 요소가 없으면 '-1' 을 반환한다.
• 문자열에서도 사용 가능하다.
• 배열.indexOf( ) : 앞에서부터 요소를 찾기 시작한다.
• 배열.lastIndexOf( ) : 뒤에서부터 요소를 찾기 시작한다.  

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

const result = target.indexOf('다'); -> result = 2
const result = target.lastIndexOf('라'); -> result = 3
const result = target.indexOf('가'); -> result = -1