Filter

[JavaScript] 배열 메서드 arr.filter()

배열에서 조건이 일치하는 요소를 찾길 원할 때, filter 를 알기 전 까지는 for문을 돌리고 .. 또 if문을 중첩해서 사용했다. 다른 사람은 어떻게 해결했는지 찾다가, 배열 메서드인 filter를 발견했는데 filter() 는 배열에서 조건을 충족하는 요소들을 새로운 배열 형태로 반환하는 함수라고 한다. 만약 충족하는 요소가 하나도 없다면 빈 배열이 반환된다. 사용 예시 const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const result = words.filter(word => word.length > 6); console.log(result); // expected output: Array ["..

[jQuery] 제이쿼리 '선택' 메서드

jQuery에는 '선택'과 '동작'이 있고, '선택'을 위한 방법으로 CSS 선택자를 알아보았었다 ▶CSS 선택자(Selector), 요소 선택하기 [글 바로가기] 하지만 이 외에도 jQuery에서 제공하는 '선택' 방법이 있다 filter $('button').filter('.color-3').text('SELECTED!'); filter()는 ( ) 안의 조건으로 선택된 요소를 한번 더 걸러준다 위 코드의 경우, 모든 button 태그들 중에 color-3 클래스를 가지고 있는 요소만 추려내서 text를 바꿔주라는 의미이다 아래 script 코드의 결과를 살펴보면 box-1에서는 filter없이 모든 요소에 text가 적용되었고 box-2에서는 filter를 한 번 거친 후 text가 적용되었다 Se..