자바스크립트의 주요 메서드 정리(2)

 

indexOf() 메서드, lastIndexOf() 메서드 정리

 

💡 indexOf() 메서드

indexOf 메서드는 배열에서 특정 요소를 찾아 그 요소가 처음으로 나타나는 인덱스를 반환한다. 만약 해당 요소가 배열에 없다면 -1을 반환하게 된다.

const arr = ['apple', 'banana', 'cherry'];
console.log(arr.indexOf('banana'));  // 배열에 존재하므로 1을 반환
console.log(arr.indexOf('grape'));  // 배열에 없으므로 -1을 반환

 

위 예시에서 배열 내에 바나나가 있으므로 1을 반환했고, 포도는 없기 때문에 -1을 반환한 것을 볼 수 있다.

💡 lastIndexOf() 메서드

lastIndexOf 메서드는 indexOf 메서드와 비슷하게 동작하지만, 배열의 끝에서부터 시작하여 특정 요소를 찾는다. 해당 요소가 마지막으로 나타나는 인덱스를 반환하게 된다.

const arr = ['apple', 'banana', 'apple', 'cherry'];
console.log(arr.lastIndexOf('apple'));  // 마지막으로 apple이 나타난 곳이 2번 인덱스이기에 2를 반환

 

위 예시처럼 마지막으로 나타난 인덱스를 반환한다.

includes() 메서드와 reverse() 메서드 정리

💡 includes() 메서드

includes 메서드는 배열에 특정 요소가 있는지 확인한다. 만약 해당 요소가 배열에 있다면 true를 반환하고, 없다면 false를 반환하게 된다.

const arr = ['apple', 'banana', 'cherry'];
console.log(arr.includes('banana'));  // true
console.log(arr.includes('grape'));  // false

 

위 예시처럼 boolean 값을 반환한다. indexOf 메서드보다 좀 더 직관적인 느낌이다.

💡 reverse() 메서드

reverse 메서드는 배열의 요소 순서를 반전시킨다. 그에 따라서 원본 배열을 변경하며, 변경된 배열을 반환하게 되므로 원본 배열을 수정하고 싶지 않다면 이전 글에서 다룬 것처럼 복사본을 만들어서 활용해야 한다.

const arr = ['apple', 'banana', 'cherry'];
console.log(arr.reverse());  // ['cherry', 'banana', 'apple']

 

위 예시처럼 배열의 순서가 완전히 뒤바뀐 것을 확인할 수 있다.