JS 배열 함수

채연·2023년 4월 14일
0

목록 보기
12/26
  1. forEach : 배열 원소들을 반복하면서 액션을 취한다.
    -> 단순 반복 값을 리턴하지 않기 때문에 진짜 그냥 단순 반복에 사용 (내부 배열 만들기 가능)

    const arr = [2, 4, 6, 8, 10]
    
     arr.forEach((value, key) => {
       console.log(value, key)
     })

  2. map : 배열 원소들을 반복하면서 값을 변경해서 리턴한다.
    -> 반복하면서 결과를 배열로 변환. 보통 배열 전체의 값을 변경할 때 사용

    const arr = [2, 4, 6, 8, 10]
    
     arr.map((value, key) => value + key)

  3. filter : 배열 원소들을 반복하면서 조건에 true면 원소를 남기고, false면 없애버린다.
    -> 배열 값들 중에 의미 없는 값들을 버릴 때 사용

    const arr = [2, 4, 6, 8, 12]
    
    arr.filter((value)=> value %3 === 0)

  4. reduce : 배열 원소들을 반복하면서 값들을 조합하여 특정 값을 만듦
    -> 배열 값들을 이용하여 하나의 결과를 낼 때 사용한다.

    const arr = [2, 4, 6, 8, 10]

  5. some : 배열 원소들을 반복하면서 특정 원소가 조건에서 true가 나온다면, 즉시 반복을 종료하고 true 반환. 아니면 false 반환
    -> 배열에서 특정 값이 있는지 확인하려고 할 때 사용

    const arr = [2, 4, 6, 8, 10]
    
    arr.some((value) => {
    	if(value === 4) {
       	return true;
       }
    })

  6. 배열 원소들을 반복하면서 모든 원소가 조건에서 true가 나온다면 true, 하나라도 false가 나오면 false 반환
    -> 배열이 모든 조건을 만족하는지 확인

    const arr = [2, 4, 6, 8, 10]
    
    arr.every((value) => {
      if(value % 2 === 0){
        	return true;
      }
    })

    => some과 같이 조건에 만족하지 않는 애를 찾으면 바로 break함


참고자료

profile
Hello Velog

0개의 댓글