<div style="color: #d6deeb; background-color: #011627; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div style="line-height: 19px;">
<div>let&nbsp;arr&nbsp;=&nbsp;[</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;gender:&nbsp;'male',&nbsp;name:&nbsp;'john'&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;gender:&nbsp;'female',&nbsp;name:&nbsp;'sarah'&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;gender:&nbsp;'male',&nbsp;name:&nbsp;'bone'&nbsp;},</div>
<div>]</div>
 
<div>var&nbsp;filetered&nbsp;=&nbsp;arr.filter(function(item){</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;if(item.gender&nbsp;==='female'){</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;item;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div>});</div>
 
<div>console.log(filetered);</div>
</div>
</div>
<img src="https://cdn.inflearn.com/public/files/posts/2c6adce8-7198-4420-9f78-70dd2c631d7b/blob" alt="" />

안녕하세요 photo님, 해당 에러는 ESLint 레벨에 정의해 놓으신 코드 정리 형식이 안맞아서 나는 것 같아요. 만약 빨간 줄이 거슬리신다면 에러 레벨을 error에서 warn이나 off로 하시면 될 것 같습니다 :)

= , ==&nbsp; , === 개념을 잘 모르시는 분은&nbsp; https://aboooks.tistory.com/9 여기서 확인 하시길....&nbsp;

Inflearn コミュニティ Q&A

잘 되긴하는데 빨간줄이 나와서 거슬리네요