Euge.study( );
Published 2023. 3. 13. 18:02
[JavaScript] Index 배열찾기 JavaScript

자바스크립트의  "배열"에서 특정아이템 값을 가진 Index번호 알아내기

<!doctype html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>


<script>

const 명함집 = [
    { id:10, name:"김철수", address:"서울" },  //0
    { id:15, name:"민서희", address:"경주" },  //1
    { id:20, name:"이하나", address:"전주" },  //2
    { id:33, name:"김민준", address:"서울" },  //3
]

let idx = 명함집.findIndex((명함집)=>{ return 명함집.id == 20});
alert(idx);



//let 명함집2 = 명함집.find((명함집)=>{ return 명함집.address == "서울"});
//console.log(명함집2);


//let 명함집2 = 명함집.filter((명함집)=>{ return 명함집.address == "서울"});
//console.log(명함집2);

/*

findIndex() : 조건을 만족하는 첫번째 요소의 인덱스 값을 반환
              (조건에 맞는 요소를 찾을 수 없다면 -1을 반환)

find() : 조건을 만족하는 첫번째 요소만을 반환
filter() : 조건을 만족하는 모든 요소를 "배열" 형태로 반환

*/
</script>  
</body>
</html>



'JavaScript' 카테고리의 다른 글

[JavaScript]자바스크립트에서 CSS속성  (1) 2023.03.13
[SVG]직접그리기  (0) 2023.03.13
[Canvas] 캔버스 폰트, 움직임  (0) 2023.03.02
[Canvas]JS로 그림그리기 캔버스  (0) 2023.03.02
[Java Script] 객체 Object  (0) 2023.01.22
profile

Euge.study( );

@euge

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!