[자바스크립트 배열]findIndex & reduce

1. findIndex

const imarray = [{text:"aa", id:1}, {text:"bb", id:2}, {text:"cc", id:3}]

const index = imarray.findIndex(i => i.text == "bb")

//index에 1을 반환

객체가 들어있는 배열에서 배열의 특정 값을 조회하여 찾고 싶을때 쓸 수 있는 함수이다.

 

인자로 각 배열들을 받아 조건과 부합하면 해당객체의 배열번호를 알려주고(몇번째에 있는지)

만약 값이 배열 안에 존재하지 않는다면 -1을 반환한다.

 

 

2. reduce

const array = ["a", "b", "c", "d"]

const result = array.reduce((a, b, c, d) => {return a + b}, 1)
console.log(result)

// 결과로 "1abcd" 가 반환

reduce 는 배열의 값을 여러개 불러와서 처리를 할때 쓸 수 있다.

두개의 인자를 받아 처음 인자에는 콜백함수 두번째로는 초깃값을 설정할 수 있다.

그리고.. 콜백함수에는 4개의 인자를 받을 수 있는데 첫번째는 값이 누적되는놈

두번째는 현재값 세번째는 인덱스, 네번째는 현재 배열이다.

근데 세번째랑 네번째는 당최,.....

 

위의 예제에서 보듯 배열의 인자를 따라 루프를 하는데 일단 초기값 1을 놓고 a에 b를더해 "ab"가 되어

a에 저장하고 "ab"에 "c"를 더해 "abc" 가 되고 이런식이다.

배열 모두 더하기로만 쓰고있었는데 이외에도

쓰임새가 많다고한다. 하지만 아직 감이 안오니 깨닳으면 글을 수정하는걸로....