[JavaScript] List([]) 배열 안 Object({}) 에 있는 키, 벨류 값으로 인덱스 찾기

웹 풀스택 개발자로 빽엔드와 프런트앤드를 넘나들며 개발을 진행하고 있다. 

오늘은 Javscript 의 fiter 함수와 findIndex 함수에 대해 간략히 적어보자 한다. 

 

우선 업무에 정말 도움이 되었던 녀석들이다. 

 

// List-Object 배열
var temp = [
    {name:"개똥이", age:3}, 
    {name:"영희", age:14}, 
    {name:"철수", age:15}
]
console.log(temp.findIndex(i => i.name == "개똥이"));

위 내용을 콘솔로 찍어보면 0 이 나올것이다. 

 

// List-Object 배열
var temp = [
    {name:"개똥이", age:3}, 
    {name:"영희", age:14}, 
    {name:"철수", age:15}
]
console.log(temp.filter(i => i.name == "개똥이"));

위 내용을 콘솔로 찍어보면 

{name:"개똥이", age:3}

가 나올것이다. 

 

i 는 각 Object 라고 생각하면 되고 어떤 문자든 사용이 되었다. 

그 Object 의 Key 값을 뽑고 == 연산자를 이용하여 진행하면 된다.  

 

findIndex 함수를 사용하면 해당하는 Object 의 인덱스 번호가 나오고

filter 함수를 사용하면 해당하는 Object 정보가 나온다. 

 

회사에서 Slick Grid 라는 함수를 사용하는데 DataView 에서 제공하는 형태가 List-Object 배열이라 

해당 함수를 사용하였다.