JS 고차함수 한번에 끝내기

예빈·2023년 5월 12일
0

ETC

목록 보기
8/15
post-thumbnail

.forEach()

반복문을 대체하는 고차함수

arr.forEach((currentValue, index, thisArr) => {
/*
	currentValue : 배열 속 현재 값
	index : 배열 속 현재 인덱스
    thisArr : 현재 배열
    
    return : 없음
*/
});

.map()

실행한 결과로 이루어진 새로운 배열을 반환하는 고차함수

arr.map((currentValue, index, thisArr) => {
/*
	currentValue : 배열 속 현재 값
	index : 배열 속 현재 인덱스
    thisArr : 현재 배열
    thisArg : this로 사용할 값
    
    return : 새로운 배열 / undefinded
*/
}, thisArg);

.find()

찾을 수 있는 첫번째 요소의 값을 반환하는 고차함수

arr.find((currentValue, index, thisArr) => {
/*
	currentValue : 배열 속 현재 값
	index : 배열 속 현재 인덱스
    thisArr : 현재 배열
    thisArg : this로 사용할 값
    
    return : 찾은 값 / undefinded
*/
}, thisArg);

.findIndex()

.find() 함수의 반환 값이 index인 고차함수

arr.findIndex((currentValue, index, thisArr) => {
/*
	currentValue : 배열 속 현재 값
	index : 배열 속 현재 인덱스
    thisArr : 현재 배열
    thisArg : this로 사용할 값
    
    return : 찾은 값의 index / -1
*/
}, thisArg);

.indexOf()

찾을 수 있는 첫번째 index를 반환하는 함수. 없으면 -1

arr.indexOf(valueFind, fromIndex)
/*
	valueFind : 찾을 요소, 대소문자 구분
    fromIndex : 검색을 시작할 위치 인덱스
    
    return : 찾은 값의 index / -1
*/

.includes()

배열이 특정 요소를 포함하는지 Bool값을 반환하는 함수

arr.includes(valueFind, fromIndex)
/*
	valueFind : 찾을 요소, 대소문자 구분
    fromIndex : 검색을 시작할 위치 인덱스
    
    return : true / false
*/

.filter()

반환값이 true인 요소로 이루어진 새로운 배열을 반환하는 고차함수

arr.fliter((currentValue, index, thisArr) => {
/*
	currentValue : 배열 속 현재 값
	index : 배열 속 현재 인덱스
    thisArr : 현재 배열
    thisArg : this로 사용할 값
    
    return : 새로운 배열 / 빈 배열
*/
}, thisArg);

.reduce()

연산의 결과 값을 반환하는 고차함수

arr.reduce((acc, cur, index, thisArr) => {
/*
	acc : 누산기, 콜백의 반환값을 누적
	cur : 배열 속 현재 값
	index : 배열 속 현재 인덱스
    thisArr : 현재 배열
    initValue : 최초 콜백 호출에서 acc에 제공하는 값
    
    return : 누적 계산의 결과 값
*/
}, initValue);

.sort()

배열을 정렬하는 고차함수

arr.sort((a, b) => {
/*  
	compareFunction: 정렬 순서를 정의하는 함수.
    return : 정렬된 값
*/
});

.some()

배열의 요소들이 조건을 한개라도 통과하면 true, 아닐때는 false를 출력하는 함수

arr.some((currentValue, index, thisArr) => {
/*
	currentValue : 배열 속 현재 값
	index : 배열 속 현재 인덱스
    thisArr : 현재 배열
    thisArg : this로 사용할 값
    
    return : true / false
*/
}, thisArg);

.every()

배열의 요소들이 조건을 모두 통과하면 true, 아닐때는 false를 출력하는 함수

arr.every((currentValue, index, thisArr) => {
/*
	currentValue : 배열 속 현재 값
	index : 배열 속 현재 인덱스
    thisArr : 현재 배열
    thisArg : this로 사용할 값
    
    return : true / false
*/
}, thisArg);
profile
작전명 청춘 💫

0개의 댓글