본문 바로가기
프로그래밍/Javascript

JavaScript 기초 : 배열 3. 메서드 - indexOf, lasindexOf, includes, reverse 사용법

by 조크리 2020. 9. 10.
반응형

3. 다양한 메서드

 

3-1. 배열에서 특정 값 찾기

(indexOf/ lastindexOf)

 

indexOf(item)

 

1.만약 item이 배열에 포함되어 있다면 item이 있는 인덱스가 리턴된다.

2. 포함되어 있지 않다면 -1이 리턴된다.

3. 여러 번 포함되어 있다면, 처음 발견된 인덱스가 리턴된다. 

 

lastindexOf(item) 

 

indexOf랑 똑같은데 탐색을 뒤에서부터 한다. 

1.만약 item이 배열에 포함되어 있다면 item이 있는 인덱스가 리턴된다.

2. 포함되어 있지 않다면 -1이 리턴된다.

3. 여러 번 포함되어 있다면, 처음 발견된 인덱스가 리턴된다. 

 

let brands = ['snu', 'ku', 'yu', 'ku'];
console.log(brands.indexOf('snu'));
console.log(brands.indexOf('ku'));
console.log(brands.lastIndexOf('ku'));
console.log(brands.lastIndexOf('snue'));

배열에 없으면 -1이 리턴

 

3-2. 배열에서 특정 값이 있는지 확인하기

(includes)

 

그 값이 배열 안에 있는지 여부를 확인한다.

includes(item) 을 해보면 있으면 true, 없으면 false가 리턴된다. 

 

let brands = ['snu', 'ku', 'yu', 'ku'];

//includes(item)
console.log(brands.includes('snue'));
console.log(brands.includes('snu'));

 

3-3. 배열의 순서 뒤집기

(reverse())

 

배열의 순서를 뒤집는 매소드!!

따로 for문같이 반복문을 써주지 않아도 한 큐에 해결!

let brands = ['snu', 'ku', 'yu', 'ku'];


//reverse()
console.log(brands);
brands.reverse();
console.log(brands);

 

 

 

 

배열 메소드는 매우 많으나 다 외울 필요는 없고 

검색해서 사용할 줄 알며 된당~! 

 

아래는 배열에 대한 정보이다. 

 

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

 

Array

JavaScript Array 전역 객체는 배열을 생성할 때 사용하는 리스트 형태의 고수준 객체입니다.

developer.mozilla.org

 

다음 글에서는 for ...of 반복문에 대해 정리해보자! 

 

 

반응형