객체 배열 속 특정값 인덱스를 찾는 방법을 찾다가 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 |