라이브러리
[JAVASCRIPT] arr.indexOf(value) - 특정 값의 첫 번째 위치 반환 (없으면 -1)
indexOf() 메서드란?
indexOf() 메서드는 JavaScript의 Array 객체에 포함된 메서드입니다. 이 메서드는 배열 내에 특정 값이 있는지 확인하고, 그 값의 인덱스를 반환합니다.
indexOf() 메서드의 사용법
indexOf() 메서드는 다음과 같은 형식으로 사용할 수 있습니다.
#hostingforum.kr
javascript
arr.indexOf(value)
* `arr` : 배열 객체
* `value` : 찾을 값
indexOf() 메서드의 반환 값
indexOf() 메서드는 다음과 같은 값을 반환할 수 있습니다.
* 인덱스 값 : 배열 내에 찾은 값의 인덱스를 반환합니다.
* -1 : 배열 내에 찾은 값이 없을 때 반환합니다.
예제
#hostingforum.kr
javascript
// 배열 객체 선언
let arr = [1, 2, 3, 4, 5];
// indexOf() 메서드 사용
let index = arr.indexOf(3);
// 결과 출력
console.log(index); // 2
// 배열 내에 찾은 값이 없을 때
let index2 = arr.indexOf(6);
// 결과 출력
console.log(index2); // -1
indexOf() 메서드의 사용 예시
indexOf() 메서드는 배열 내의 특정 값의 인덱스를 찾을 때 유용합니다. 예를 들어, 배열 내의 특정 값을 삭제하거나, 배열 내의 특정 값을 찾을 때 사용할 수 있습니다.
#hostingforum.kr
javascript
// 배열 객체 선언
let arr = [1, 2, 3, 4, 5];
// indexOf() 메서드 사용
let index = arr.indexOf(3);
// 배열 내의 특정 값을 삭제
arr.splice(index, 1);
// 결과 출력
console.log(arr); // [1, 2, 4, 5]
indexOf() 메서드의 한계
indexOf() 메서드는 배열 내의 특정 값의 인덱스를 찾을 때 유용하지만, 다음과 같은 한계가 있습니다.
* 대소문자 구분 : indexOf() 메서드는 대소문자를 구분합니다. 예를 들어, "A"와 "a"는 다른 값으로 간주됩니다.
* 타입 구분 : indexOf() 메서드는 타입을 구분합니다. 예를 들어, 1과 "1"은 다른 값으로 간주됩니다.
indexOf() 메서드의 대안
indexOf() 메서드의 한계를 극복하기 위해, 다음과 같은 대안을 사용할 수 있습니다.
* includes() 메서드 : includes() 메서드는 배열 내에 특정 값이 있는지 확인하고, true 또는 false 값을 반환합니다.
* findIndex() 메서드 : findIndex() 메서드는 배열 내에 특정 값의 인덱스를 찾을 때 사용할 수 있습니다.
#hostingforum.kr
javascript
// 배열 객체 선언
let arr = [1, 2, 3, 4, 5];
// includes() 메서드 사용
let result = arr.includes(3);
// 결과 출력
console.log(result); // true
// findIndex() 메서드 사용
let index = arr.findIndex(value => value === 3);
// 결과 출력
console.log(index); // 2
결론
indexOf() 메서드는 배열 내의 특정 값의 인덱스를 찾을 때 유용하지만, 대소문자 구분과 타입 구분의 한계가 있습니다. includes() 메서드와 findIndex() 메서드는 이러한 한계를 극복할 수 있습니다.
댓글목록
등록된 댓글이 없습니다.