배열 객체(4)

배열 메서드

indexOf() : 배열 요소 검색(반환:숫자)
lastIndexOf() : 배열 요소 끝에서 검색(반환:숫자)
includes() : 배열 요소 검색(반환:불린)

{
    const arrNum = [100, 200, 300, 400, 500];
    const arrIndex = arrNum.indexOf(200);

    const arrNum2 = [100, 200, 300, 400, 500];
    const arrIndex2 = arrNum2.indexOf(300);

    const arrNum3 = [100, 200, 300, 400, 500];
    const arrIndex3 = arrNum3.indexOf(600);

    const arrNum4 = [100, 200, 300, 400, 500];
    const arrIndex4 = arrNum4.lastIndexOf(200);

    const arrNum5 = [100, 200, 300, 400, 500];
    const arrIndex5 = arrNum5.includes(200);

    const arrNum6 = [100, 200, 300, 400, 500];
    const arrIndex6 = arrNum5.includes(600);
}

기본값	메서드	결괏값
[100, 200, 300, 400, 500]	.indexOf(200)	1
[100, 200, 300, 400, 500]	.indexOf(300)	2
[100, 200, 300, 400, 500]	.indexOf(600)	-1
[100, 200, 300, 400, 500]	.lastIndexOf(200)	1
[100, 200, 300, 400, 500]	.includes(200)	true
[100, 200, 300, 400, 500]	.includes(600)	false

 

 

배열 요소 검색(반환:요소)
findIndex() : 배열 첫 요소 검색(반환:숫자)

{
    const arrNum = [100, 200, 300, 400, 500];
    // const result = arrNum.find(function(element){
    //     return element === 300
    // })
    // const result = arrNum.find((element) => {
    //     return element === 300
    // })
    // const result = arrNum.find(element => {
    //     return element === 300
    // })
    const result = arrNum.find(el => el === 300);

    const result2 = arrNum.find(el => el === 600);

    const arrText = ['javascript', 'react', 'vue'];
    const result3 = arrText.find(el => el === 'javascript');

    const result4 = arrText.findIndex(el => el === 'javascript');

    const result5 = arrText.findIndex(el => el === 'html');
}

기본값	메서드	결괏값
[100, 200, 300, 400, 500]	.find(el => el === 300)	300
[100, 200, 300, 400, 500]	.find(el => el === 600)	undefined
['javascript', 'react', 'vue']	.find(el => el === 'javascript')	javascript
['javascript', 'react', 'vue']	.findIndex(el => el === 'javascript')	0
['javascript', 'react', 'vue']	.findIndex(el => el === 'html')	-1