IT공부/JavaScript

[JS] 배열의 메서드 map 이해하기

map 이해하기 map이란? 순서도(플로우 차트) 예시 map이란? map은 '지도'라는 영어 표현으로 익숙하지만 '발견하다.'라는 표현도 있습니다. 여기에서는 '지도'보다는 '발견하다.'라는 뜻에 가깝습니다. 특정한 값을 입력하여 배열에 지정한 값과 같은 값을 가지고 있으면 true로 아니라면 false로 변환된 모습의 배열을 결과로 반환해줍니다. 입력한 값을 배열에서 발견하는 작업이라고 볼 수 있습니다. 배열 명.map((매개변수)=>{ 실행하 내용; retrurn 출력할 내용; }); 1. 배열의 첫 번째 요소를 매개변수로 입력해줍니다. 2. 실행할 내용을 실행합니다. 3. 출력할 내용을 저장합니다. 4. 배열의 다음 요소를 매개변수로 입력합니다. 5. 배열의 다음 요소가 없을 때까지 2~4를 반복..

[JS] 배열의 메서드 filter 이해하기

filter 이해하기 filter란? 순서도(플로우 차트) 예시 filter란? filter는 영어 뜻처럼 걸러내는 작업을 해주는 메서드입니다. 예를 들어 배열에 많은 요소가 있는데 '김'이라는 글자를 가지고 있는 요소를 찾고 싶다면 filter를 통하여 걸러내어 '김'이라는 글자를 가진 요소만 골라서 반환해줍니다. 배열 명.filter((매개변수) => { 실행할 내용; return 조건; }); 1. 배열의 첫 번째 요소를 매개변수로 입력해줍니다. 2. 실행할 내용을 실행합니다. 3. 조건이 참이면 현재 배열의 요소를 저장합니다. 4. 배열의 다음 요소를 매개변수로 입력합니다. 5. 배열의 다음 요소가 없을 때까지 2~4를 반복합니다. 6. 배열의 다음 요소가 없다면 저장한 요소들을 배열로 반환합니다..

[JS] 배열의 메서드 findIndex 이해하기

findIndex 이해하기 findIndex란? 순서도(플로우 차트) 예시 findIndex란? findIndex란 앞서 배운 find와 동일합니다. 차이는 조건을 참으로 만족시키는 요소를 반환하는 것이 아닌 그 요소의 index값을 반환합니다. 만약 모든 요소가 조건을 만족시키지 못한다면 -1을 반환합니다. 말 그대로 index 값을 찾을 때 사용하는 메서드입니다. arr.findIndex((매개변수)=>{ 실행할 내용 return 조건; }); 1. 배열의 첫 번째 요소를 매개변수로 입력합니다. 2. 실행할 내용을 실행합니다. 3. 조건이 참이면 조건을 만족시킨 배열의 요소의 index값을 반환합니다. 4. 조건이 거짓이면 배열의 다음 index의 요소를 매개변수로 입력합니다. 5. 조건이 참이 되거..

[JS] 배열의 메서드 find 이해하기

find 이해하기 find란? 순서도(플로우 차트) 예시 find란? find는 forEach처럼 배열이 가진 요소를 하나씩 매개변수의 값으로 입력하여 실행할 내용을 반복 실행합니다. 반환할 조건이 true가 된다면 반복을 종료하고 조건이 참이 되게 한 배열의 요소를 반환합니다. 배열의 모든 요소가 조건에 대하여 거짓이라면 반환하는 값은 없습니다. 주로 사용되는 곳은 배열에 특정한 요소가 있는지 확인할 때 사용하게 됩니다. 배열 명.find((매개변수)=>{ 실행할 내용; return 조건; }); 1. 배열의 첫 번째 요소를 매개변수로 입력합니다. 2. 실행할 내용을 실행합니다. 3. 조건이 참이면 조건을 만족시킨 배열의 요소를 반환합니다. 4. 조건이 거짓이면 배열의 다음 index의 요소를 매개변수..