JavaScript의 필터 문자열

1. JavaScript에서 화살표 함수와 함께 filter() 메서드를 사용하여 문자열 필터링
2. indexOf() 메서드를 filter() 메서드와 함께 사용하여 JavaScript에서 문자열 필터링
3. test() 메서드를 filter() 메서드와 함께 사용하여 JavaScript에서 문자열 필터링
4. includes() 메소드를 filter() 메소드와 함께 사용하여 JavaScript에서 문자열 필터링

문자열의 광범위한 배열 요소를 처리하고 바람직한 일치 항목을 추출할 때 여러 방법을 사용할 수 있습니다. JavaScript의 기본 filter() 메서드는 프로세스를 시작하고 나중에 기본 설정에 따라 다른 메서드를 선택할 수 있습니다.

find() 및 findIndex() 메서드와 같은 다른 규칙도 일치 항목을 얻을 수 있다는 점에 유의해야 합니다. 그러나 이러한 함수는 일치하는 문자열의 인덱스 수만 반환합니다. 이들은 배열 문자열로 검사할 주어진 패턴의 시퀀스를 반환할 수 없습니다.

또한 일치하는 시퀀스를 검색하기 위해 추가 조건과 함께 사용하고 조정할 수 있습니다.

여기서는 filter() 메서드를 기본 화살표 작업 및 특정 조건과 함께 사용하는 방법을 시연합니다. 또한 주어진 패턴을 만족하는 문자열을 얻기 위해 indexOf(), test() 및 include() 메서드를 사용하는 것을 볼 수 있습니다.

이러한 메서드 중 일부는 문자열을 직접 반환하지 않습니다. 따라서 배열 요소를 추적하기 위해 filter() 메서드와 통합할 것입니다.

JavaScript에서 화살표 함수와 함께 filter() 메서드를 사용하여 문자열 필터링

이 경우 문자열 요소가 있는 배열을 선택합니다. filter() 메서드는 각 요소를 반복하고 조건이 화살표 함수로 적용된 조건과 일치하는지 확인합니다.

여기서 작업에는 몇 줄의 코드만 필요합니다. 확인해보자.

코드 조각:

var myArray = ['abadef', 'sbade', 'psadbe']
filtered = myArray.filter(x => x.length <= 5)
console.log(filtered)

출력:

보시다시피 길이가 5보다 작거나 같은 문자열 요소만 선택된 후보가 된다는 제한을 추가했습니다. 그리고 그 명세를 바탕으로 산출물을 도출했다.

indexOf() 메서드를 filter() 메서드와 함께 사용하여 JavaScript에서 문자열 필터링

여러 문자열 요소가 있는 동일한 범주의 문자열 배열에서 작업할 것입니다. 이 경우 주어진 문자열과 일치시키려는 문자열 패턴을 선택하고 패턴의 상위 집합인 문자열이 대상 문자열 요소입니다.

indexOf() 메서드는 일반적으로 패턴을 찾을 문자열의 인덱스를 반환합니다. 그러나 이 경우 배열 요소로 문자열이 있으므로 일치하는 요소가 무엇이든 함수는 요소의 문자 위치 시작부터 인덱스를 세기 시작합니다.

예제에서는 선택한 요소만 표시했지만 단어를 다시 확인할 수 있습니다.

코드 조각:

var myArray = ['abadef', 'sbade', 'psadbe'];
var PATTERN = 'sad',;
    filtered = myArray.filter(function(str) {
      return str.indexOf(PATTERN) !== -1;
    });
console.log(filtered)

출력:

test() 메서드를 filter() 메서드와 함께 사용하여 JavaScript에서 문자열 필터링

JavaScript의 test() 함수는 true 또는 false를 반환합니다. 메서드를 filter() 메서드와 통합하면 일치하는 문자열 요소를 filtered 개체의 새 요소로 가져옵니다.

또한 주목할만한 섹션은 test() 메서드가 RegExp와 요소를 일치시킨다는 것입니다.

코드 조각:

var myArray = ['abadef', 'sbade', 'psadbe']

    var PATTERN = /bad/,
    filtered = myArray.filter(function(str) {
      return PATTERN.test(str);
    });
console.log(filtered)

출력:

includes() 메소드를 filter() 메소드와 함께 사용하여 JavaScript에서 문자열 필터링

여기서 includes() 메서드는 부울 형식으로 반환되지만 이 경우 일치하는 패턴은 정규식이 아닌 문자열일 수 있습니다. 다시 말하지만 filter() 메서드를 사용하여 배열 요소를 반복하고 허용되는 사례를 가져옵니다.

이제 코드 펜스로 이동해 보겠습니다.

코드 조각:

var myArray = ['abadef', 'sbade', 'psadbe']

    var PATTERN = 'ef',
    filtered = myArray.filter(function(str) {
      return str.includes(PATTERN);
    });
console.log(filtered)

출력: