본문 바로가기
개발

JavaScript] 객체 배열 특정 값 인덱스 찾는 함수 findIndex

반응형

 

객체 배열 속 특정값 인덱스를 찾는 방법을 찾다가 findIndex라는 함수를 알게되어 사용하였습니다.

findIndex()

주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환합니다.

만족하는 요소가 없으면 -1을 반환합니다.

Syntax

array.findIndex(function(currentValue, index, arr), thisValue)

 

Example 1

var ages = [3, 10, 18, 20];

function checkAdult(age) {
  return age >= 18;
}

function myFunction() {
  var index = ages.findIndex(checkAdult);
}

 

Example 2

var array = [
	{name:"홍길동", age:"20"},
	{name:"희동이", age:"25"},
	{name:"희동이", age:"30"}
];

var index1 = array.findIndex(obj => obj.name == "희동이"); //하나의 경우
var index2 = array.findIndex(obj => obj.name == "희동이" && obj.age == "30"); //여러개의 경우도 가능

index1 의 값은 1, index2 의 값은 2 를 반환합니다.

 

자세한 함수의 정보는 아래의 사이트에서 확인하시면 됩니다.

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

 

Array.prototype.findIndex()

findIndex() 메서드는 주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환합니다. 만족하는 요소가 없으면 -1을 반환합니다.

developer.mozilla.org

https://www.w3schools.com/jsref/jsref_findindex.asp

 

JavaScript Array findIndex() Method

JavaScript Array findIndex() Method ❮ JavaScript Array Reference Example Get the index of the first element in the array that has a value of 18 or more: var ages = [3, 10, 18, 20]; function checkAdult(age) {   return age >= 18; } function myFunction() {   

www.w3schools.com

 

반응형

'개발' 카테고리의 다른 글

JavaScript 형변환 모음  (0) 2023.02.16
Cross-Domain - JSONP 해결방법  (0) 2023.02.16
JavaScript] 동적 테이블 병합  (0) 2020.07.01
HTML] data 속성 간단 사용법  (0) 2019.12.19
HTML5 특수문자 코드표 확인  (0) 2019.12.18