자바스크립트의 "배열"에서 특정아이템 값을 가진 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 |