본문 바로가기
JavsScript

배열에서 자주 쓰는 탐색 메쏘드

by applejune 2022. 2. 20.



대표적인 인덱스 탐색 메쏘드이다. 뒤에 있는 걸 찾을 때 라스트인덱스오브를 사용한다

arr.indexOf/arr.lastIndexOf 

let arr=[1,2,3,4,5,1,2,3];
arr.indexOf(3); //2
arr.indexOf(3,3)  //7   두번 째 3을 탐색한다
arr.lastIndexOf(3); //7이 반환된다



arr.includes() : 포함하는지 확인한다
let arr=[1,2,3] ;
arr.includes(2);  //true
arr.includes(8);  //false


arr.find(fn) / arr.findIndex(fn) 
첫 번째 true 값만 반환하고 끝. 만약 없으면 undefined를 반환

ex)

let arr=[1,2,3,4,5];

const result = arr.find((item)=> {
  return item %2 ===0; 
});

console.log(result);
************************************************

실용적 예제로 알아보자 

********************************************

 


let userList= [
  {name : "john", age : 30},
  {name : "melon", age : 18},
  {name : "keanu", age : 55},
    ];

const result =userList.find((user) => {
  if(user.age<19) {
    return true;
  }
  return false;
  });
  console.log(result);   //{name : "melon", age: 10} 을 출력


arr.filter(fn) : 조건을 만족하는 모든 요소를 배열로 반환
//filter(fn)

const arr=[1,2,3,4,5,6];

const result =arr.filter((item)=> {
  return item %2 ===0; 
    });

console.log(result);  //[2,4,6] 출력

arr.reverse() : 역순으로 재정렬
let arr=[1,2,3,4,5];
arr.reverse();  //  [5,4,3,2,1]

'JavsScript' 카테고리의 다른 글

배열메소드-join,split,isArray  (0) 2022.02.20
회사에서 정말 많이 쓰는 map  (0) 2022.02.20
배열에서 쓰는 forEach  (0) 2022.02.20
배열 메소드-splice,slice,concat  (0) 2022.02.20
문자열 메소드  (0) 2022.02.19