[TIL] 2023.09.27 - map(배열 조건 설정 방법)

 {Lists.length > 0 && Lists.map(...)} 

• 배열 Lists가 존재하고 길이가 0보다 크면 map 함수로 렌더링함.
• 배열이 없거나 비어 있거나 null 또는 undefined일 때 map이 실행되지 않아서 오류가 발생하지 않음.

 

 {Lists.length && Lists.map(...)} 

• 배열 Lists가 존재하고 길이가 1 이상이면 map 함수로 렌더링함.
• 배열 Lists가 없거나 null 또는 undefined일 때 map이 실행되지 않아서 오류가 발생하지 않음.

 

 {Lists && Lists.map(...)} 

• 배열 Lists가 존재하면 map 함수로 렌더링함.
• 배열 Lists가 존재할 경우만 사용하는게 좋음!
• 배열 Lists의 존재 여부만 확인하고 배열의 길이를 확인하지 않아서 Lists가 없거나 null 또는 undefined일 때도 map을 실행함.
• 배열이 아닌 값 (예: null, undefined)에 map 함수를 실행해서 오류가 발생하게 됨!